Получить работу в области IT
Какие технологии нужно освоить:
- HTML и CSS (в том числе сетки и CSS-фреймворки, спецификации W3C и WHATWG, HTML5/CSS3 Polyfills)
- Препроцессоры CSS (Sass, Less, Stylus и т. д.)
- JavaScript
- Популярные фреймворки и библиотеки: jQuery, Angular.JS, React.JS, Backbone.js)
- SVG
- ECMAScript 6
- Популярные CMS (WordPress, Drupal, Joomla и т.д.)
- Понимать принципы построения бэк-энда и разбираться в серверных технологиях (Node.js, PHP, Ruby, .NET и т. д.)
- Инструменты дебаггинга (Chrome Dev Tools, Firebug и прочие)
- JavaScript транспайлеры (Babel)
- Базы данных и языки запросов (SQL, MySql, NoSQL, MongoDB и т. д.)
- Графические редакторы (Photoshop, Illustrator и т. д.)
В чем нужно разобраться:
- кросс-браузерная и кросс-платформенная разработка;
- прогрессивное улучшение и изящная деградация;
- мобильная разработка;
- адаптивная и отзывчивая верстка;
- веб-шрифты;
- принципы SEO-оптимизации.
Критерий завершения
Я работаю в области веб-программирования
Личные ресурсы
Информация, знания, навыки
-
Закрепить знания HTML5 и CSS3
Стоимость этапа — 12850 ₽
![]()
-
Пройти уроки на freeCodeCamp.
-
Пройти курсы HTML-academy (в том числе по подписке)
-
Пройти 69 уроков по HTML5 и CSS на docode.ru
-
Адаптивная вёрстка: Пройти 31 урок по Адаптивной вёрстке на docode.ru
-
Понимание препроцессоров CSS (Sass, Less, Stylus, PostCSS.);
-
Закрепить знания HTML5 и CSS3
-
Изучить SPA (single page application) - веб-приложение или веб-сайт, использующий единственный HTML-документ как оболочку для всех веб-стран
-
-
Изучить JavaScript
Стоимость этапа — 12850 ₽
![]()
-
Пройти уроки по JS и jQuery на freecodecamp
-
jQuery
-
Angular.JS
-
React.JS
-
Пройти базовый интенсив по JavaScript на HTML Academy
-
Создать макет сайта, используя JavaScript
-
-
Овладеть инструментами контроля версий и одним из популярных таскраннеров
-
Git
-
CVS
-
Умение работы с базами данных и знание языков запросов
-
SQL
-
MySql
-
-
Системы сборки
Вся рутина должна быть автоматизирована. Примеры автоматизации — запуск препроцессоров и шаблонизаторов, оптимизация графики, сборка спрайтов, сжатие css и js.
- Gulp https://www.youtube.com/watch?v=vW51JUVT66w&t=2s
- Gulp для самых маленьких - подробное руководство
- Скринкаст по Gulp https://learn.javascript.ru/screencast/gulp
- Продолжаем бороться с frontend-рутиной https://habrahabr.ru/company/2gis/blog/269743/
- Webpack
-
Gulp
-
Webpack
-
Овладеть инструментами дебаггинга
-
Chrome Dev Tools
-
-
Шаблонизаторы
Представьте у вас 10 страниц и на каждой надо внести изменения в один и тот же блок. Это больно и долго.
Одна из возможностей шаблонизаторов — выделять повторяющиеся блоки в отдельные файлы. Вынесли блок, подключили на нужны страницах и все — теперь вы делаете в 10 раз меньше работы.
-
Pug (бывший Jade)
-
Blade
-
-
Тестирование вёрстки
- Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать https://habrahabr.ru/post/114256/
- Тестирование верстки http://xiper.net/collect/weekdays-front-end-dev/the-work-in-general/testing-layout
- Автоматизированное тестирование верстки веб-сайтов, используя сравнение с дизайн-макетом http://sqadays.com/talk/37161
-
Провести тестирование вёрстки
-
Создание макетов сайтов для портфолио
-
Первый сайт
-
Второй сайт
-
Третий сайт
-
Четвертый сайт
-
Пятый сайт
-
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
