1

Step 1

Изучение HTML5

2

Step 2

Основы сss3

3

Step 3

CSS методологии. CSS БЭМ, SMACSS, ECSS ( Архитектура СSS )

4

Step 4

Пройти интерактивный курс HTML ACADEMY

5

Step 5

фреймворки CSS

6

Step 6

Препроцессоры

7

Step 7

Основы JavaScript

8

Step 8

фреймворки Js

9

Step 9

Git - система контроля версий

10

Step 10

Освоить фотошоп (Базовый уровень )

11

Step 11

Emmet - Обзор и изучение плагина

12

Step 12

CMS : Joomla + WordPress + Drupal (ознакомление )

13

Step 13

ДОПОЛНИТЕЛЬНО (БОНУС + )

14

Step 14

Сверстать 5 макетов

1

Step 1

Изучение HTML5

2

Step 2

Основы сss3

3

Step 3

CSS методологии. CSS БЭМ, SMACSS, ECSS ( Архитектура СSS )

4

Step 4

Пройти интерактивный курс HTML ACADEMY

5

Step 5

фреймворки CSS

6

Step 6

Препроцессоры

7

Step 7

Основы JavaScript

8

Step 8

фреймворки Js

9

Step 9

Git - система контроля версий

10

Step 10

Освоить фотошоп (Базовый уровень )

11

Step 11

Emmet - Обзор и изучение плагина

12

Step 12

CMS : Joomla + WordPress + Drupal (ознакомление )

13

Step 13

ДОПОЛНИТЕЛЬНО (БОНУС + )

14

Step 14

Сверстать 5 макетов

25 August 2021 01 September 2022
The goal is overdue by 602 days

Goal abandoned

The author does not write in the goal 2 years 7 months 24 days

General

junior Front-end разработчик

...

 Goal Accomplishment Criteria

Завершить все этапы

 Personal resources

информация, желание.

 Goal ecological compatibility

Я хочу стать программистом потому что:

1) Это приносит хороший доход

2) Это интересное занятие

3) Нету привязаности (к месту например)

4) Востребованость професии

5) Создавать всегда круто!

6) ВОЗМОЖНОСТЬ ОСУЩЕСТВИТЬ СВОИ ЖЕЛАНИЯ И МЕЧТЫ

7) Идти в ногу со временем и технологиями

8) Хорошие условия роботы

  1. Изучение HTML5

    справочник

    https://webref.ru/html

    Верстка (с практическими заданиями)

    https://htmlacademy.ru/program

    Практические видео уроки

    https://itproger.com/course/html

  2. Основы сss3

    видео уроки

    https://itproger.com/course/css

    Учебник css. Основы css

    http://zvirec.com/css_sod.php

  3. 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

  4. Пройти интерактивный курс HTML ACADEMY

  5. фреймворки CSS

    Каскадная таблица стилей (CSS) формально является набором команд и инструментов для работы с внешним видом веб-страницы. Она делает интерфейс более восприимчивым и приятным – огромное количество сайтов работает на основе связки HTML и CSS. Как и в случае с языками программирования, существует множество готовых библиотек CSS, созданных профессионалами для удобства работы со стилями.

    Готовые к использованию классы являются их основными строительными блоками. Они позволяют применять к элементам HTML заранее определенные правила, а также включают в себя готовые компоненты (меню, кнопки, карточки). Используя один из этих инструментов, вы сэкономите время на решение более важных задач.

  6. Препроцессоры

    К ним относятся LESS/SASS/SCSS и другие. Препроцессоры дают автоматизацию на уровне большей абстракции над CSS. То есть мы пишем меньше кода, используя концепцию DRY(Don’t repeat yourself) и модульность, в результате препроцессоры на выходе генерят нам полноценный CSS. Тут все просто, препроцессоры необходимо знать хотя бы на уровне концепции, а при необходимости изучить какой-то конкретный по документации не займёт у вас много времени при хорошем знании CSS.

  7. Основы JavaScript

  8. фреймворки Js

    Статья о фреймворках https://vc.ru/dev/147263-populyarnye-freymvorki-javascript

  9. Git - система контроля версий

  10. Освоить фотошоп (Базовый уровень )

  11. Emmet - Обзор и изучение плагина

    Что же такое Emmet? Это специальный плагин, который можно установить для большинства популярных текстовых редакторов и IDE систем: PHPStorm, Notepad++, и др. ... Основной смысл этого плагина в том, что мы можем писать некие команды, после этого нажимаем клавишу Tab на клавиатуре и получаем какое-то множество кода.

    Справочник тут! https://webdesign-master.ru/blog/html-css/2.html

  12. CMS : Joomla + WordPress + Drupal (ознакомление )

    • Ознакомление
    • Учимся работать c СМS
  13. ДОПОЛНИТЕЛЬНО (БОНУС + )

    1. Понимать принципы построения бекэнда и разбираться в серверных технологиях (Node.js, PHP, Ruby )

    2. Инструменты дебаггинга (Chrome Dev Tools, Firebug и прочие)

    3. Инструменты контроля версий (Git, GitHub, CVS и т. д.)

    4. Базы данных и языки запросов (SQL, MySql, NoSQL, MongoDB и т. д.)

    5. Графические редакторы (Photoshop, Illustrator и т. д.)

    6. принципы SEO-оптимизации.

  14. Сверстать 5 макетов

    1. макет - (простой) на HTML + CSS

    2. макет - (простой) на HTML + CSS с использованием CSS методологии

    3. макет HTML + CSS + JS

    4. макет HTML + CSS + JS ( c использованием любого фреймворка CSS )

    5. макет HTML + CSS + JS ( c использованием любого фреймворка JS )

  • 715
  • 25 August 2021, 15:09
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?