Goal frozen
Author of goal 15 January 2018 year froze this goal
Пройти курс по верстке
Цель прохождения курса: верстать и запускать сильные, стильные и крепкие проекты без участия программистов. Быстрее, чем на всех этих Тильдах, Виксах и Редимагах.(с)
Формат курса
Мы сверстаем лендинг UberEats по их макету. Со всеми картинками и кнопками.
Работа разбита на короткие этапы: с понедельника по субботу Телеграм-бот будет присылать по одному уроку в день. Курс состоит из 15 таких уроков.
Как выходят уроки?
— первые шесть: каждый день в 8:00 и 16:00;
— 7−11: каждый день в 12:00;
— 12−15: каждые два дня в 20:00.
Воскресенье — выходной.
ПодготовкаИнструменты (Терминал, Гит, редактор)История интернета, HTTP и HTML
Из чего состоит страница
Вёрстка
Стили. Работа с ЦСС
Блочная модель
Сетка и флексбоксы
Адаптивность
Позиционирование в CSS
Инструменты
Постпроцессоры и PostCSS
Таск-менеджеры для разработки
npm: работа с пакетами
Goal Accomplishment Criteria
Сверстанный лендинг UberEats по их макету. Со всеми картинками и кнопками. Выложено будет на гитхабе
Personal resources
Стоимость курса - 790 рублей. Личное время на изучение материала. Знания и навыки приобретенные ранее.
Goal ecological compatibility
1. Цель не навязана - экономически выгодно и качественно запускать сверстанные страницы а не на конструкторе. Так же будет понятие как принимать работу у подрядчиков верстальщиков.
2. Я действительно этого хочу!
3. Достижение цели зависит от моих личных качеств и способностей добиваться!
-
Урок 1: Вскод, Терминал и Гит
-
Задача - прочитать статью
-
Задача - установить cmder либо сразу запустить терминал
-
Задача - создать директорию verstka.
-
Задача - поставить Вскод
-
Задача - прочитать мануал по Гит
-
Задача - пройти туториал на GitHowTo.
-
-
Урок 1.1. Установить и изучить Гитхаб
-
Задача - в настройках Гитхаба укажите свой SSH-ключ
-
Задача - создайте репозиторий verstka на Гитхабе
-
Задача - у себя в директории verstka добавьте адрес репозитория (Гитхаб подскажет как это сделать)
-
Задача - в той же директории создайте файл README.md и расскажите, что вы ожидаете от этого курса
-
Задача - создайте пустой файл index.html — он нам понадобится в будущем
-
Задача - коммитните эти два файла, не забыв сообщение коммита (вам подойдет init commit)
-
Задача - пушните!
-
-
Урок 2: история интернета, HTTP и HTML
В чём смысл вёрстки? Как это вообще делается? С чего это всё пошло?
-
Задача - В файле index.html, - попробовать начать верстать там — закиньте базовую разметку из примера выше. Поиграйтесь с тегами, не бойтесь
-
-
Урок 3: Как собирать страницу
-
Флоу
-
Семантика и структура страницы
-
Задача - сверстать страницу по примеру (должен быть один header, два section, три вида заголовков, один aside и несколько других тегов, о ко
-
-
Урок 4: стилизуем вёрстку через ЦСС
-
Урок 5
-
Урок 6
-
Урок 7
-
Урок 8
-
Урок 9
-
Урок 10
-
Урок 11
-
Урок 12
-
Урок 13
-
Урок 14
-
Урок 15
-
Бонусный урок
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
