WEB-разработчик | Модуль 1| создания web-продуктов. Изучение основ HTML и CSS
Для кого этот курс:
Для тех людей, кто вообще не знаком с темой создания сайтов
Для тех людей, кто уже делал свои первые попытки создания сайтов
Данное видео состоит из 21 части и разбито на эпизоды:
00:00 Начало
00:06 Зачем нам этот модуль
02:47 Классификация сайтов. Этапы создания
24:58 Установка и настройка редактора кода.
32:58 Работа с Adobe Photoshop в вебе
52:18 Работа с современными редакторами_ Avocode, Zeplin, Figma
01:14:58 Бонус. Что такое сетки и преобразование иконок в SVG формат
01:23:17 Создаем свой первый проект. Основы HTML
01:42:56 Основные теги HTML на практике
02:22:50 Семантические теги HTML5
02:33:45 Основы CSS на практике
03:04:39 Блочная модель CSS
03:31:22 Developer Tool. Что это и как с ним работать
03:28:09 Блочная модель CSS. Часть 2
03:50:20 Позиционирование элементов в CSS. Принцип карточной колоды
04:11:41 Выравнивание элементов по вертикали. Верстка таблицами и float'ами
04:20:22 Бонус. Единицы измерения CSS
04:30:57 Практика. Создаем сайт на чистом HTML и CSS
05:39:14 Технология Flexbox и применение её на макете
05:53:14 Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание
06:27:09 Сброс стилей reset.css_normalize.css
06:36:19 Подключение шрифтов на сайт
Весь курс и дополнительные файлы
можно скачать в телеграмм канале:
https://t.me/+GRbGH5_64c5jYmQy
Узнаешь основы web-разработки: что такое web-сайт, зачем он нужен, циклы создания и многое другое
Научишься работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode...
Научишься работать с графикой для web'a, в том числе с SVG
Узнаешь и поймешь как использовать HTML и CSS в реальных проектах (теория + настоящая практика)
Узнаешь основы JS и Jquery, научишься применять их в своих проектах
Научишься работать с Git и GitHub
Научишься работать с Bootstrap 4 и с технологией FlexBox
Научишься использовать препроцессоры Sass/Scss/Less в своих проектах
Научишься создавать мобильную адаптацию сайтов и приложений
Научишься использовать методологию БЭМ
Поймешь, как создавать многостраничные сайты и принципы посадки под CMS(системы управления сайтами)
Научишься автоматизировать процессы при помощи планировщика задач Gulp
Научишься оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c
Научишься работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое...
Все полученные знания даются в современном формате и сразу закрепляются на практике
Бонус: получишь несколько реальных макетов для практики
Описание
Этот курс направлен на подробное обучение созданию сайтов, без воды, но главное, что здесь мы немедленно применяем все знания на практике.
Это значит, что вы получите весь материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.
Для кого подойдет этот курс?
Если вы ничего не знаете про создание сайтов, но хотите начать
Если вы новичок в html/css, хотите быстро их освоить и начать применять в работе
Если у вас был опыт в этой сфере несколько лет назад, ведь web-технологии очень быстро меняются и совершенствуются
Что внутри курса?
мы изучим основы web-разработки: что такое web-сайт, зачем он нужен, циклы создание и многое другое
мы научимся работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode...
мы научимся работать с графикой для web'a, в том числе с SVG
мы узнаем и поймем как использовать HTML5 и CSS3 в реальных проектах
мы узнаем основы JS и Jquery, научимся применять их в своих проектах
мы научимся работать с Git и GitHub
мы научимся работать с Bootstrap 4 и с технологией FlexBox
мы научимся использовать препроцессоры Sass/Scss/Less в своих проектах
мы научимся создавать мобильную адаптацию сайтов и приложений
мы научимся использовать методологию БЭМ
мы поймем, как создавать многостраничные сайты и принципы посадки под CMS(системы управления сайтами)
мы научимся автоматизировать процессы при помощи планировщика задач Gulp
мы научимся оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c
мы научимся работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое...
В виде бонуса будут предоставлены несколько реальных макетов для самостоятельного закрепления полученных знаний.
Tegs:
Классификация сайтов,Этапы создания сайтов,Классификация сайтов. Этапы создания,настройка редактора кода,Установка редактора кода,Adobe Photoshop в вебе,редактор Avocode,Zeplin редактор,Figma,Основы HTML,теги HTML,теги HTML на практике,Семантические теги HTML5,CSS на практике,Блочная модель CSS,Developer Tool. Что это,Позиционирование элементов в CSS,Верстка таблицами и float'ами,Технология Flexbox,Сброс стилей reset.css,Подключение шрифтов на сайт