Типичный верстальщик - Базовый и Продвинутый курс для верстальщиков (2019) бесплатно

Ответить на тему
 
Автор Сообщение

Prescious ®

Типичный верстальщик | Базовый и Продвинутый курс для верстальщиков (2019) PCRec [H.264/720p-LQ] - Автор (режиссер): Анна Блок
Производство: Типичный верстальщик
Жанр: HTML, CSS
Описание:
В течении месяца на базовом курсе мы верстаем сайт, используя технологии HTML/CSS. Именно он и станет первой работой для Вашего портфолио! А Во время продвинутого - мы будем верстать сайт на практике при помощи Gulp и SCSS.
Продолжительность: 14:30:14
Качество видео: PCRec
Видео: AVC/H.264, 1280x720, ~87-552 Kbps
Аудио: AAC, 2 ch, 127-128 Kbps

MediaInfo:

Общее
Полное имя : .\02 Продвинутый курс\008 Переходы, трансформации, анимации\008 Переходы, трансформации, анимации.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (isom/mp42)
Размер файла : 25,0 Мбайт
Продолжительность : 15 м. 57 с.
Режим общего битрейта : Переменный
Общий поток : 219 Кбит/сек
Дата кодирования : UTC 2019-02-15 07:05:16
Дата пометки : UTC 2019-02-15 07:05:16
gsst : 0
gstd : 957242
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : Main@L3.1
Настройки формата : CABAC / 3 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 3 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 15 м. 57 с.
Битрейт : 87,5 Кбит/сек
Ширина : 1280 пикселей
Высота : 720 пикселей
Соотношение сторон : 16:9
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.003
Размер потока : 9,98 Мбайт (40%)
Заголовок : ISO Media file produced by Google Inc. Created on: 02/14/2019.
Дата кодирования : UTC 2019-02-15 07:05:16
Дата пометки : UTC 2019-02-15 07:05:16
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709
Codec configuration box : avcC
Аудио
Идентификатор : 2
Формат : AAC LC
Формат/Информация : Advanced Audio Codec Low Complexity
Идентификатор кодека : mp4a-40-2
Продолжительность : 15 м. 57 с.
Вид битрейта : Переменный
Битрейт : 128 Кбит/сек
Каналы : 2 канала
Channel layout : L R
Частота : 44,1 КГц
Частота кадров : 43,066 кадра/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 14,6 Мбайт (58%)
Заголовок : ISO Media file produced by Google Inc. Created on: 02/14/2019.
Язык : English
Дата кодирования : UTC 2019-02-15 07:05:16
Дата пометки : UTC 2019-02-15 07:05:16

Программа базового курса:

Стартовая лекция.
- Разбор основ программы Adobe Photoshop;
- Работа с изображениями;
Начало работы. Основы HTML
- Подготовка проекта к верстке;
- Структура html-документа (html, head, body) ;
- Обзор популярных тегов HTML;
- Обзор семантических тегов HTML.
Основы HTML
- Идентификаторы и классы;
- Aтрибуты для input и textarea;
- Отличия между button и a;
- Ссылки для социальных сетей;
- Работа с почтой и скайпом;
- Работа с git.
Подключение CSS, работа с текстом
- Подключение CSS к документу HTML;
- Структура CSS-файлов;
- Способы подключения шрифтов на страницу;
- Форматирование текста при помощи CSS;
- Стили для работы со шрифтами;
- Разные типы записи цвета в CSS документе;
Размещение объектов CSS
- Селекторы, которые стоит знать и применять;
- Типы позиционирования элементов;
- Установка favicon на страницу.
Стилизация элементов CSS
- Стилизация ссылок и кнопок;
- Работа со списками;
- Работа с after и before;
Виды сеток CSS
- Центрирование объектов в документе;
- Отступы padding и margin;
- Flexbox CSS;
- CSS Grid;
Фон и изображения CSS
- Цвет фона;
- Загрузка изображения через CSS;
- Повтор изображения;
- Создание градиента в CSS;
- Фильтры в CSS.
Рамки и обводки CSS
- Создание рамок CSS;
- Создание радиусов CSS;
- Создание теней;
- Создание внешних рамок CSS;
Оживляем сайт с CSS
- Переходы в CSS;
- Трансформации в CSS;
- Создание анимаций при помощи CSS3
Адаптивность CSS
- Проверка HTML и CSS на валидность;
- Медиа-запросы;
- Основные правила создания адаптивного сайта;
- Отличия резиновой верстки от адаптивной.
Векторные изображения
- Сохранение SVG-изображений в Illustrator;
- Создание SVG через теги;
- Base64;
- Cоздание паттернов SVG.
Верстка email-писем
- Правилам верстки email;
- Создание на примере;
- Сервисы, для выгрузки своего шаблона;
- Кроссбраузерная верстка.
Основы jQuery
- Библиотеки JavaScript;
- Добавление библиотеки jQuery на страницу;
- Основные селекторы;
- Фильтры jQuery;
- Отобразить и спрятать объект с jQuery.
Основы jQuery
- Обзор плагина jQuery UI;
- События наведения и смещения указателя мыши;
- Распространенные задачи, решаемые с помощью jQuery.
Популярные плагины для работы
- Слайдеры;
- Галерея изображений.
CSS-препроцессоры
- Подробный обзор SASS;
- Краткий обзор LESS;
- Краткий обзор Stylus;
- Какой препроцессор выбрать для работы?
Создание сайта на бесплатном хостинге Github
- Краткое описание систем контроля версий. Для чего они нужны?
- Регистрация на сайте Github;
- Создание репозитория;
- Наполнение репозитория файлами.
CSS-фреймворки
- Что такое CSS-фреймворки?
- Какие CSS-фреймворки существуют на сегодняшний день?
- Bootstrap: какую версию выбрать?
- Обзор элементов Bootstrap.
Про работу и заказчиков
- Как найти свой первый заказ или устроиться на работу, если ты новичок;
- Выясним, что лучше подойдет именно тебе: офис, удаленная работа или фриланс;
- Самоорганизация и работа в команде: рассмотрим популярные сайты и приложения по управлению проектами;
- Список актуальных фриланс-бирж.

Программа продвинутого курса:

Работа с макетом
Детальный обзор учебного макета
Работа с изображениями (PNG и SVG);
Разметка сайта
Методология БЭМ
Создание разметки сайта HTML5
Работа с Git для публикации кода
Настройка окружения и сборщики проектов
Установка Node.js;
Обзор сборщиков (Gulp, Grunt);
Установка Gulp 4 для проекта.
CSS препроцессоры
Обзор CSS-препроцессоров (SASS, Less, Stylus);
Программы компиляции и плагин VS Code;
Использование на практике SCSS.
Система контроля версий (Git)
Основы Git;
Работы с Git;
Создание Git репозитория;
Ветвления Git.
Canvas, работа с SVG
Основы Canvas
Обзор основных параметров
Основы SVG
Самостоятельное построение SVG изображение без посторонних программ
Оптимизация SVG-изображений из графических программ
Flexbox и Grid CSS
Основы Flexbox
Основы Grid CSS
Что уместнее использовать в 2019 году?
Анимации и переходы для оживления сайта
Основы использования @keyframes
Создание плавных переходов
Работа с SVG
Интерактивные карты Google и Yandex
Как установить интерактивную карту на сайт?
Какую карту выбрать?
Стилизация карт
Работа с API карт
Счетчики аналитики, sitemap
Что такое счетчики аналитики и зачем они нужны?
Методы установки счетчиков
Настройка счетчиков
Что такое Sitemap?
Генерация файла Sitemap
Основы PHP и mySQL
Основы PHP
Основы mySQL
Форма отправки
Валидация форм
Оптимизация работы сайта
Валидация файлов HTML и CSS
Определение скорости загрузки сайта
Исправление ошибок
Оптимизация изображений и кода
Оплата на сайт
Как установить оплату на сайте?
Автоматическая генерация кнопок для оплаты
Список сайтов, предоставляющие услуги онлайн-касс
WordPress
Что такое Wordpress и кому подходит?
Структура файлов
Создание собственного шаблона
Обзор полезных плагинов
Основы JavaScript
Основные термины и синтаксис
Что такое console.log
Как работать с консолью
Переменные и значения
Основы JavaScript
Массивы
Циклы
Условные операторы
Операторы сравнения
Логические операторы
jQuery, jQuery UI и дополнительные плагины
Основы jQuery
Работа с плагином jQuery UI
Для чего стоит использовать jQuery?
Создание слайдера для сайта на практике.
Адаптивность
Что такое @media
Создание media запросов
Что такое Mobile First верстка?
Выбор площадки для работы
Офис: плюсы и минусы
Удаленная работа: плюсы и минусы
Фриланс: плюсы и минусы
Обзор площадок
Откуда стоит начать свой поиск заказчиков?
Поиск работы
Обзор крупнейшей площадки по поиску работы;
Обзор региональных площадок;
Linkedn: как оформить свой профиль, чтобы HR сами находили вас.
Скриншоты:
Слив складчины:

Чтобы скачать файл "Типичный верстальщик - Базовый и Продвинутый курс для верстальщиков (2019)"

Вам нужно Авторизоваться на сайте под своим логином. Если у Вы ещё не зарегистрированы, тогда Вам нужно пройти Регистрацию


Показать сообщения:    
Ответить на тему

Скачать Типичный верстальщик - Базовый и Продвинутый курс для верстальщиков (2019) слив курса.

Текущее время: Сегодня 01:01

Часовой пояс: GMT + 4



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы