Webjox Front-end base Roadmap

More like this

Компетенции фронтенд-разработчика

by Влад Чероков

WEB

by Евгений Мальцев

PHP

by Артур Космовский

JS-

by Ruslan Nurgaleev

Webjox Front-end base Roadmap

Итоговое задание

Необходимо реализовать макет по следующим требованиям:

1. HTML5
2. CSS (желательно SCSS/SASS)
3. Использование GULP (желательно)
4. Javascript ES7+
5. Семантика
6. БЭМ
7. Адаптив
8. Реализовать валидацию форм и запись в отдельный документ
9. Итоговый вариант залить на гит (желательно коммитить каждый из этапов и сделать две ветки main и dev)

Для реализации слайдера использовать swiper js

https://swiperjs.com/

Ссылка на макет: https://www.figma.com/design/bSxMNm0CRXFcHQzke8C8W5/ROBO-SCHOOL?node-id=0-1&p=f&t=kpAUsxAfjON7Dx9s-0

Сборщик GULP

Figma

Для разработчиков

Обучающий курс для начинающих

Git

Git Playground

JavaScript

Devtools

ООП

Документация с примерами

CSS ( дополнительно препроцессоры SCSS/SASS)

Документация SASS/SCSS

Grid

Адаптивная верстка

Flexbox

Позиционирование

Базовые понятия CSS (По ссылке есть документация, ее также необходимо прочитать)

HTML5

Курс по HTML/CSS

БЭМ

8. Мини книга о методологии

7.Документация

Семантическая вертска

Теги, мета-теги, атрибуты

5. Список мета-теги

Список всех мета-тегов

Мета-теги Яндекс

Мета-теги google

4. Список атрибутов

3. Список тегов

Базовые понятия HTML5

2. Введение в HTML;

1. HTML не язык программирования;