Свой сайт с нуля: HTML, CSS, JavaScript и лендинг

Научитесь создать сайт и собрать свой сайт с нуля: frontend с нуля на одном лендинге.

Пять видео веб разработка по макету Figma — html css, адаптивная верстка, JavaScript. В конце GitHub Pages и живая ссылка: лендинг с нуля уже в интернете.
Начальный уровень
4-5 часов в неделю
Часть
1 программы →

О курсе

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

Вы работаете с реальным макетом — лендинг проекта SOAP. За пять модулей доводите его от пустого HTML-файла до опубликованной страницы в интернете.

Пять модулей — что делаете на каждом:

  1. HTML — ставите инструменты, верстаете первую версию страницы по макету
  2. CSS — добавляете стили, шрифты, цвета, выстраиваете блоки через Flexbox
  3. Адаптивность — делаете, чтобы на узком экране телефона всё тоже выглядело аккуратно
  4. JavaScript — добавляете интерактив: страница реагирует на действия пользователя
  5. Git и публикация — сохраняете проект в Git, заливаете на GitHub, включаете GitHub Pages и получаете живую ссылку

Этот курс — один из пяти в нашей программе. Проходить его можно отдельно: видео, материалы и задания — всё внутри. Другие курсы не нужны.

Всего в линейке пять курсов: ML, BackEnd, FrontEnd, Бизнес и Singularity (проект AI-Весы). Их можно проходить в любом порядке или только этот один.

Подробнее о программе на сайте: https://singularity.spot

Для кого этот курс

Школьники и новички, которые хотят освоить WEB-разработку. Тем, кто пишет на Python и хочет сделать красивый интерфейс, а не только чёрное окно терминала или страницу Swagger.

Начальные требования

Компьютер с браузером. VS Code — бесплатный редактор, установку покажем в первом модуле. Для пятого модуля нужен бесплатный аккаунт на GitHub.

Как проходит обучение

Модули 1–5 проходите по порядку — все файлы лежат в одном проекте и дополняются от модуля к модулю. Держите открытыми макет в Figma и браузер с Live Server. После каждого видео проверяйте чеклист и решайте задание на Stepik. После пятого модуля у вас есть ссылка на сайт в интернете.

Программа курса

В курс входят

  • 5 уроков
  • 5часов 2минуты видео
  • 12 тестов
загружаем...

Наши преподаватели

Отзывы прошедших курс

5
из 5
из 2 отзывов
2 отзыва
загружаем...

Входит в 1 программу

  •    
     
     

Сколько стоит обучение

Бесплатно

Расскажите о курсе друзьям

Бесплатно