Мета закинута
Автор не відписував в цілі 3 року 2 месяця
junior Front-end разработчик
...
Критерій завершення
Завершить все этапы
Особисті ресурси
информация, желание.
Екологічність мети
Я хочу стать программистом потому что:
1) Это приносит хороший доход
2) Это интересное занятие
3) Нету привязаности (к месту например)
4) Востребованость професии
5) Создавать всегда круто!
6) ВОЗМОЖНОСТЬ ОСУЩЕСТВИТЬ СВОИ ЖЕЛАНИЯ И МЕЧТЫ
7) Идти в ногу со временем и технологиями
8) Хорошие условия роботы
-
Изучение HTML5
справочник
Верстка (с практическими заданиями)
https://htmlacademy.ru/program
Практические видео уроки
![]()
-
Основы сss3
![]()
-
CSS методологии. CSS БЭМ, SMACSS, ECSS ( Архитектура СSS )
Статья кратко о методологиях https://webformyself.com/css-metodologii-css-bem-smacss-ecss/
Бем методология https://ru.bem.info/methodology/
Практический видео урок https://www.youtube.com/watch?v=Jrjwewef_Ws
-
Пройти интерактивный курс HTML ACADEMY
![]()
-
фреймворки CSS
Каскадная таблица стилей (CSS) формально является набором команд и инструментов для работы с внешним видом веб-страницы. Она делает интерфейс более восприимчивым и приятным – огромное количество сайтов работает на основе связки HTML и CSS. Как и в случае с языками программирования, существует множество готовых библиотек CSS, созданных профессионалами для удобства работы со стилями.
Готовые к использованию классы являются их основными строительными блоками. Они позволяют применять к элементам HTML заранее определенные правила, а также включают в себя готовые компоненты (меню, кнопки, карточки). Используя один из этих инструментов, вы сэкономите время на решение более важных задач.
![]()
-
Препроцессоры
К ним относятся LESS/SASS/SCSS и другие. Препроцессоры дают автоматизацию на уровне большей абстракции над CSS. То есть мы пишем меньше кода, используя концепцию DRY(Don’t repeat yourself) и модульность, в результате препроцессоры на выходе генерят нам полноценный CSS. Тут все просто, препроцессоры необходимо знать хотя бы на уровне концепции, а при необходимости изучить какой-то конкретный по документации не займёт у вас много времени при хорошем знании CSS.
![]()
-
Основы JavaScript
![]()
-
фреймворки Js
Статья о фреймворках https://vc.ru/dev/147263-populyarnye-freymvorki-javascript
![]()
-
Git - система контроля версий
![]()
-
Освоить фотошоп (Базовый уровень )
![]()
-
Emmet - Обзор и изучение плагина
Что же такое Emmet? Это специальный плагин, который можно установить для большинства популярных текстовых редакторов и IDE систем: PHPStorm, Notepad++, и др. ... Основной смысл этого плагина в том, что мы можем писать некие команды, после этого нажимаем клавишу Tab на клавиатуре и получаем какое-то множество кода.
Справочник тут! https://webdesign-master.ru/blog/html-css/2.html
![]()
-
CMS : Joomla + WordPress + Drupal (ознакомление )
- Ознакомление
- Учимся работать c СМS
![]()
-
ДОПОЛНИТЕЛЬНО (БОНУС + )
-
Понимать принципы построения бекэнда и разбираться в серверных технологиях (Node.js, PHP, Ruby )
-
Инструменты дебаггинга (Chrome Dev Tools, Firebug и прочие)
-
Инструменты контроля версий (Git, GitHub, CVS и т. д.)
-
Базы данных и языки запросов (SQL, MySql, NoSQL, MongoDB и т. д.)
-
Графические редакторы (Photoshop, Illustrator и т. д.)
-
принципы SEO-оптимизации.
-
-
Сверстать 5 макетов
![]()
-
макет - (простой) на HTML + CSS
-
макет - (простой) на HTML + CSS с использованием CSS методологии
-
макет HTML + CSS + JS
-
макет HTML + CSS + JS ( c использованием любого фреймворка CSS )
-
макет HTML + CSS + JS ( c использованием любого фреймворка JS )
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
