Классический форум-трекер
canvas not supported
Нас вместе: 4 079 230

HTML Academy | Профессиональный HTML и CSS, уровень 1 (2018) PCRec [H.264]


Страницы:  1, 2, 3, 4  След. 
 
RSS
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн
Автор Сообщение
DepictWeb ®
Стаж: 8 лет 2 мес.
Сообщений: 427
Ratio: 60,862
Раздал: 4,122 TB
Поблагодарили: 39630
100%
pirates.png
HTML Academy | Профессиональный HTML и CSS, уровень 1 (2018) PCRec [H.264]
Автор (режиссер): HTML Academy
Жанр: Веб-дизайн, HTML, CSS

Описание:
HTML Academy — стандарт в обучении фронтендеров. Наша задача — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

Продолжительность: 30:59:17
Качество видео: PCRec

Видео: AVC/H.264, 1152x720-1920x1080, ~190-1798 Kbps
Аудио: AAC, 2 ch, 146-256 Kbps
В раздаче имеются архивы! В них содержится шрифты для макетов.
1. Введение (Теоретическая лекция)
Ведущий: Алексей Симоненко
Вводная лекция про роль и место верстальщика в мире веб-технологий.

Как проходит курс. Организационные вопросы.
Обзор личных проектов.
Как работать с наставником.
Критерии качества вёрстки.
Защита личного проекта и получение сертификата.

Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?
IP-адрес, сервер и веб-сервер, «виртуальные хосты».
Доменные имена, URL-адреса и система DNS.
Загрузка и «сборка» веб-страницы.
Особенности HTTP и HTTPS. Протоколы HTTP/1.1 и HTTP/2.
Приёмы оптимизации веб-страниц.

Инструменты веб-разработчика и рабочий процесс на интенсиве.
Системы контроля версий.
Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
Немного о браузерах, браузерных движках и различиях между ними.
2. Разметка (Теоретическая лекция)
Ведущий: Александр Першин
Создадим логическую HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.

Введение в HTML.
Синтаксис HTML, типы HTML-тегов.
Структура простейшего HTML-документа.
Как работать со спецификацией HTML.
Обзор HTML-тегов из личных проектов.

Качественная разметка и стили кодирования.
Простая, понятная, читабельная и логичная разметка: примеры и антипримеры.
Типовые ошибки разметки: «ссылка или кнопка», «картинка или фон» и другие.
Модульность разметки или использование «пространств имён».
Когда использовать <article>, <section> и <div>?
Кодгайды для разметки.
Алгоритмы создания разметки: «страница как документ», «страница как приложение», «дивянка».

Создаём разметку главной страницы учебного проекта.
3.Фотошоп для верстальщика (Практическая лекция)
Ведущий: Виталий Зюзин
Разберём всё необходимое для работы верстальщика в Фотошопе. Подготовим графику для проектов.

Типовые задачи верстальщика в Фотошопе.
Настройка интерфейса Фотошопа.
Работа со слоями, типы слоёв.
Получение параметров текста.
Измерение размеров блоков, отступов, получение информации о цвете.
Получение параметров сложных декоративных эффектов: тени и прочее.
Экспорт графики, работа с повторяющимися паттернами.

Обзор форматов графики в вебе.
Растровая графика — PNG, JPEG, GIF.
Векторная графика — SVG.
Как выбрать подходящий формат?
Оптимизация графики.

Обзор альтернатив.
Adobe Extract. NEW!
Zeplin.
Avocode.
Sketch.
Figma. NEW!

Разбор графических макетов проектов.
4. Доступность (Практическая лекция)
Ведущий: Вадим Макеев
Научимся делать интерфейсы удобные и доступные для всех. Управление фокусом, важность семантики, тестирование и скринридеры.

Интерфейсы — не картинки.
Какие есть слои интерфейса, кроме графики.
Зачем нужные интерактивные элементы.
Неочевидное использование интерфейсов.

Понятие доступности.
Что мешает пользоваться интерфейсами.
Ежедневные ситуации недоступности.
Физиологические и ментальные особенности.

Взаимодействие с клавиатуры.
Интерфейсы без указателя.
Зачем нужен фокус на элементах.
Как сделать элементы интерактивными.

Значимые элементы.
Зачем семантика и как не подхватить диватоз.
Почему не нужно переделывать элементы.
Кнопки и ссылки, в чём разница?

Лейблы элементов.
Кому нужны описания элементов.
Разбор ошибок в реальных интерфейсах.
Инспекторы доступности и скринридеры.
5. Введение в CSS (Практическая лекция)
Ведущий: Александр Першин
Разберёмся с базовыми механизмами CSS и начнём стилизацию проектов.

Введение в CSS.
Синтаксис CSS.
CSS-селекторы, псевдоклассы и псевдоэлементы.
Наследование, каскадность и приоритеты в CSS.
Единицы измерения в CSS: абсолютные, относительные, для управления цветом.
CSS-функции и директивы.

Практика стилизации.
Зачем нужна нормализация.
Пространства имён и независимые компоненты.
Стили кодирования для CSS.
Работа с нестандартными шрифтами.
Стилизация состояний интерактивных элементов.

Начинаем стилизацию главной страницы учебного проекта.

Задаём глобальные стили документа, описываем текстовые параметры элементов и состояния интерактивных элементов.
6. Сетки (Теоретическая лекция)
Ведущий: Александр Першин
Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.

Поток документа и блочная модель документа.
Понятие сетки и потока документа.
Блочные и строчные элементы и их особенности.
Свойства блочной модели: размеры, рамки и отступы.
Тонкости блочной модели: «схлопывание» и «выпадание» внешних отступов, width: 100% и width: auto, свойство box-sizing и другие.
Свойство display. Управление типом элементов.

Создание сеток на флексбоксах.
Введение во флексбокс.
Флекс-контейнер, флекс-элементы, флекс-оси.
Алгоритм расчёта размеров флекс-элементов.
Выравнивание и распределение флекс-элементов вдоль осей.
Однострочный и многострочный флекс-контейнер, управление флекс-рядами.
Особенности флексов при создании сеток.

Создаём сетку главной страницы учебного проекта.
7. Декоративные элементы (Практическая лекция)
Ведущий: Александр Першин
Познакомимся с приёмами создания декоративных элементов. Завершим вёрстку главных страниц учебного и личного проектов.

Позиционирование.
Относительное позиционирование.
Абсолютное позиционирование: координаты, изменение точки начала координат, относительные координаты и размеры, координаты по умолчанию.
Фиксированное позиционирование.
Управление порядком слоёв.

Приёмы создания элементов интерфейса.
Блочно-строчные элементы и их особенности.
Борьба с пробелами между блочно-строчными элементами.
Особенности флексов при создании элементов интерфейсов.
Типовой приём «псевдоэлемент с абсолютным позиционированием».
Использование CSS-графики для создания декоративных элементов.

Завершаем вёрстку главной страницы учебного проекта.
8. Оформление контента (Практическая лекция)
Ведущий: Александр Першин
Завершим вёрстку внутренних страниц и подготовим проекты к публикации. Начнём готовиться к защите личного проекта.

Практикуемся в вёрстке элементов содержимого.
Сверстаем текстовую страницу учебного проекта. Подготовим универсальные стили содержания, которые будут хорошо работать при наполнении страницы из CMS.
Сверстаем всплывающие окна с формой входа и интерактивной картой. Разберём приёмы стилизации нестандартных элементов форм.
Подготовим свёрстанный учебный макет к публикации или передаче заказчику.

Разбираем типовые случаи переполнения и способы борьбы с ними.

Готовим проект к защите. Подробный разбор критериев защиты выпускных проектов.
9. Введение в JavaScript (Практическая лекция)
Ведущий: Алексей Симоненко
Познакомимся с JavaScript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.

Язык программирования JavaScript.
Роль программирования в жизни верстальщика.
Что такое DOM и зачем нам объект document.
Зачем нужен объект window.

Типовые случаи использования JavaScript.
Как найти любой элемент на странице.
Как реагировать на события, происходящие на странице.
Как менять CSS-стили у элементов.
Как использовать анимацию на странице.

Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.
10. Лучшие практики (Теоретическая лекция)
Ведущий: Вадим Макеев
Узнаем как правильно применять практические знания, как учиться новому и развиваться в профессии.

Совместимая вёрстка.
Прогрессивное улучшение.
Постепенная деградация.
Цена совместимости.
Независимые слои улучшения.

Реальное тестирование.
Многообразие браузеров и устройств.
Инспекторы, эмуляторы, виртуальные машины.
Слабые устройства и медленные сети.
Минификация, сжатие, оптимизация.
Эмпатия, приоритеты, сначала контент.

Корневые технологии.
Веб-стандарты и фантазийные велосипеды.
Ваниль против библиотек и фреймворков.
Мода, хайп, вечное и светлое.

Развитие в профессии.
Как не потерять актуальность знаний.
Обмен знаниями, события, выступления.
Пограничные дисциплины.
11. Как не потеряться на рынке труда NEW!
Ведущий: Серёжа Попов
Трудоустройство, поиск заказов, оценка работы

Какая вообще бывает работа?
В офисе
На фрилансе

Поиск работы

Как оценивать себя и проходить собеседования
Раздача ведётся путём добавления новых файлов; при каждом добавлении создаётся новый торрент. Чтобы начать докачку новых файлов, пользователям необходимо сделать следующее:
(1) остановить скачивание,
(2) удалить старый торрент у себя из клиента (имеющиеся файлы удалять не надо),
(3) скачать новый торрент и запустить его у себя в клиенте вместо старого, при этом указать клиенту путь в старую папку, куда и должно происходить скачивание новых файлов.

Ваш клиент при этом должен произвести хеширование (проверку) старой папки (если не производит сам - помогите ему сделать это), и будет докачивать только те файлы, которых у вас ещё нет. Старые файлы при этом не удаляются, а продолжают раздаваться!

Eсли вы уже удалили старые файлы, то предотвратить повторную закачку старых файлов можно, отжав галочку в соответствующих местах при запуске нового торрента. По возможности, желательно не удалять старые файлы как можно дольше, чтобы релизёр не только продолжал раздавать старые файлы, а смог сконцентрироваться на новых.
Скриншоты:


Время раздачи: 24/7 (круглосуточно) (до появления первых 3-5 скачавших)
[NNM-Club.me]_[HTML Academy] Professional'nyiy HTML i CSS Uroven' 1.torrent
 Торрент: Платиновая раздача  Зарегистрирован
 
Скачать


Примагнититься
 Зарегистрирован:   28 Апр 2018 16:01:32
 Размер:   11,1 GB  (
 Рейтинг:   5 (Голосов: 194)
 Поблагодарили:   710
 Проверка:   Оформление проверено модератором 29 Апр 2018 16:19:45
Если хочешь отблагодарить или поддержать монетой будущие релизы, то пиши в личные сообщения!
Как cкачать  ·  Как раздать  ·  Правильно оформить  ·  Поднять ратио!  
DepictWeb ®
Стаж: 8 лет 2 мес.
Сообщений: 427
Ratio: 60,862
Раздал: 4,122 TB
Поблагодарили: 39630
100%
pirates.png
Это 20 поток интенсива по HTML и CSS, который открывает профессию "Фронтенд-разработчик".

Профессиональному интенсиву профессиональный слив! :D
28.04.2018 - Торрент файл обновлен. (Добавлены ВСЕ материалы!)
- Добавлены скрины теорий с платных и бесплатных курсов;
- Добавлены все демо-материалы верстки макетов в виде скринов и исходников (html + css).

_________________
Если хочешь отблагодарить или поддержать монетой будущие релизы, то пиши в личные сообщения.
Bitzer2011
Стаж: 7 лет 7 мес.
Сообщений: 99
Ratio: 10,309
Раздал: 7,493 TB
Поблагодарили: 10543
100%
Откуда: Минск-Москва
russia.gif
depict, спасибо за твои полезные раздачи...да и просто за то, что ты есть!
ravencrust
Стаж: 5 лет 8 мес.
Сообщений: 15
Ratio: 0,869
1.14%
это подходит для новичка ?
vitorre
 
Стаж: 7 лет 4 мес.
Сообщений: 577
Ratio: 0,992
Поблагодарили: 527
100%
ravencrust писал(а): Перейти к сообщению
это подходит для новичка ?

Поддерживаю вопрос!


_________________
I-Core i7 6700HQ @ 2.60GHz Skylake 16 ГБ @ 1063 МГц ASUS GL552VW
AnOcToJI
Стаж: 8 лет 6 мес.
Сообщений: 699
Ratio: 54,5
Раздал: 63,06 TB
Поблагодарили: 2740
100%
Откуда: со дна
krevedko.png
ravencrust писал(а): Перейти к сообщению
это подходит для новичка ?

нет, ищите интенсивный курс сначала
russeljo
Стаж: 6 лет 6 мес.
Сообщений: 7
Ratio: 7,083
2.33%
Кажется это должно быть в разделы Компьютеры!
DepictWeb ®
Стаж: 8 лет 2 мес.
Сообщений: 427
Ratio: 60,862
Раздал: 4,122 TB
Поблагодарили: 39630
100%
pirates.png
russeljo писал(а): Перейти к сообщению
Кажется это должно быть в разделы Компьютеры!

Когда кажется – креститься надо)
А по существу - курс там где и его прошлые версии.
Mastta
Стаж: 5 лет 11 мес.
Сообщений: 20
Ratio: 1,306
66.2%
AnOcToJI писал(а): Перейти к сообщению
ravencrust писал(а): Перейти к сообщению
это подходит для новичка ?

нет, ищите интенсивный курс сначала

Глупость. Это и есть базовый уровень. Они лишь назвали его профессиональный. Продвинутый это теперь уровень 2.
AnOcToJI
Стаж: 8 лет 6 мес.
Сообщений: 699
Ratio: 54,5
Раздал: 63,06 TB
Поблагодарили: 2740
100%
Откуда: со дна
krevedko.png
Mastta писал(а): Перейти к сообщению
AnOcToJI писал(а): Перейти к сообщению
ravencrust писал(а): Перейти к сообщению
это подходит для новичка ?

нет, ищите интенсивный курс сначала

Глупость. Это и есть базовый уровень. Они лишь назвали его профессиональный. Продвинутый это теперь уровень 2.

если так то сори за дизу, я не думал что они уже переименовались, долгое время было по другому, потому и подумал что всё по старой схеме
Potesha
Стаж: 5 лет 7 мес.
Сообщений: 39
Ratio: 0,888
Поблагодарили: 1100
8.55%
Спасибо, если почитать описание, то становится понятно, что это как раз для начинающих ну и для тех кто хочет закрепить некоторые знания
tomazoni
Стаж: 3 года 1 мес.
Сообщений: 9
Ratio: 2,659
74.71%
Зачем в профессиональном курсе снова преподавать HTML теги, Введение в CSS, позиционирование и т.д. ? Эти все вещи должны новички выучить еще на начальном этапе обучения, и больше не возвращаться к этому.
AnOcToJI
Стаж: 8 лет 6 мес.
Сообщений: 699
Ratio: 54,5
Раздал: 63,06 TB
Поблагодарили: 2740
100%
Откуда: со дна
krevedko.png
tomazoni писал(а): Перейти к сообщению
Зачем в профессиональном курсе снова преподавать HTML теги, Введение в CSS, позиционирование и т.д. ? Эти все вещи должны новички выучить еще на начальном этапе обучения, и больше не возвращаться к этому.

ты хоть выше то коменты читал?)) это и есть начальный уровень просто маркетологи решили теперь так курс назвать что мол профессиональный...
tomazoni
Стаж: 3 года 1 мес.
Сообщений: 9
Ratio: 2,659
74.71%
AnOcToJI писал(а): Перейти к сообщению
tomazoni писал(а): Перейти к сообщению
Зачем в профессиональном курсе снова преподавать HTML теги, Введение в CSS, позиционирование и т.д. ? Эти все вещи должны новички выучить еще на начальном этапе обучения, и больше не возвращаться к этому.

ты хоть выше то коменты читал?)) это и есть начальный уровень просто маркетологи решили теперь так курс назвать что мол профессиональный...


коменты только сначала прочитал...
я думал что это имеется ввиду курс для профессионалов
rapman477
Стаж: 3 года 6 мес.
Сообщений: 1
Ratio: 77,059
0%
Где найти 2 уровень?

А может быть кто-то знате где найти их курсы по JS тоже 1ый и 2ой уровень?
Показать сообщения:   
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн Часовой пояс: GMT + 3
Страницы:  1, 2, 3, 4  След.
Страница 1 из 4