1

Step 1

Поступить на курсы geekbrains на специальность "Верстальщик"

2

Step 2

Пройти курс основы программирования в geekbrains

3

Step 3

Пройти курс HTML и CSS в geekbrains

4

Step 4

Сверстать одностраничный макет

5

Step 5

Сверстать макет на несколько страниц

6

Step 6

Базовый курс в HTML academy

7

Step 7

Курс JavaScript в geekbrains

8

Step 8

Прочитать книгу Д. Вельгошика "Как верстать на HTML5 и CSS3"

9

Step 9

Jquery

10

Step 10

Курс HTML5 и CSS3 в Geekbrains

11

Step 11

PHP

12

Step 12

Найти место для стажировки

13

Step 13

Пройти курс JS на JavaScript.ru

14

Step 14

Найти работу веб-верстальщиком

15

Step 15

Основы SEO

16

Step 16

Разобраться во Flexbox

17

Step 17

Основы дизайна сайтов

18

Step 18

MySQL

19

Step 19

Cистемы управления версиями (Git, SVN и т.д.);

20

Step 20

Тренировки

21

Step 21

Разные мелочи и непонятки

22

Step 22

Landing pages

23

Step 23

БЭМ

24

Step 24

Продвинутые курсы от html academy

25

Step 25

JS

26

Step 26

Препроцессоры от html academy

27

Step 27

Developer Tools - разобраться со всеми вкладками

28

Step 28

Сверстать 5 макетов на несколько страниц

29

Step 29

Выложить сайт на хостинг

30

Step 30

Git

31

Step 31

Прочитать маниакальный учебник http://softwaremaniacs.org/blog/category/primer/

32

Step 32

Посмотреть видео Уроки веб-разработки

33

Step 33

Курс «Мастерская: создаём меню» в htmlacademy

34

Step 34

Open Server

1

Step 1

Поступить на курсы geekbrains на специальность "Верстальщик"

2

Step 2

Пройти курс основы программирования в geekbrains

3

Step 3

Пройти курс HTML и CSS в geekbrains

4

Step 4

Сверстать одностраничный макет

5

Step 5

Сверстать макет на несколько страниц

6

Step 6

Базовый курс в HTML academy

7

Step 7

Курс JavaScript в geekbrains

8

Step 8

Прочитать книгу Д. Вельгошика "Как верстать на HTML5 и CSS3"

9

Step 9

Jquery

10

Step 10

Курс HTML5 и CSS3 в Geekbrains

11

Step 11

PHP

12

Step 12

Найти место для стажировки

13

Step 13

Пройти курс JS на JavaScript.ru

14

Step 14

Найти работу веб-верстальщиком

15

Step 15

Основы SEO

16

Step 16

Разобраться во Flexbox

17

Step 17

Основы дизайна сайтов

18

Step 18

MySQL

19

Step 19

Cистемы управления версиями (Git, SVN и т.д.);

20

Step 20

Тренировки

21

Step 21

Разные мелочи и непонятки

22

Step 22

Landing pages

23

Step 23

БЭМ

24

Step 24

Продвинутые курсы от html academy

25

Step 25

JS

26

Step 26

Препроцессоры от html academy

27

Step 27

Developer Tools - разобраться со всеми вкладками

28

Step 28

Сверстать 5 макетов на несколько страниц

29

Step 29

Выложить сайт на хостинг

30

Step 30

Git

31

Step 31

Прочитать маниакальный учебник http://softwaremaniacs.org/blog/category/primer/

32

Step 32

Посмотреть видео Уроки веб-разработки

33

Step 33

Курс «Мастерская: создаём меню» в htmlacademy

34

Step 34

Open Server

23 October 2015
Details Briefly

Goal abandoned

The author does not write in the goal 8 years 10 months 2 days

Goal author

Марго

Russia

10 years old

Send message

Add to friends

General

Моя новая профессия - frontend-разработчик

План такой:

1. Поступить на курсы geekbrains на специальность "Верстальщик"

2. Изучить HTML, CSS и JavaScript

3. Найти возможность стажировки в реальной компании

4. Получение работы (желательно удаленной)

5. Ну и самообразование, конечно

В идеале хотелось бы работать менеджером интернет-проектов, но начать хочу с верстки

 Goal Accomplishment Criteria

Получить работу frontend-разработчик

 Personal resources

Очень большой интерес к профессии, и главное, жизненная необходимость смены профессии, так как нынешняя скоро кормить перестанет

  1. Поступить на курсы geekbrains на специальность "Верстальщик"

  2. Пройти курс основы программирования в geekbrains

    1. 1 занятие

    2. 2 занятие

    3. 3 занятие

    4. 4 занятие

    5. Сертификат

  3. Пройти курс HTML и CSS в geekbrains

    1. 1 занятие Основные понятия в веб-разработке

    2. 2 занятие Основы языка разметки документов HTML

    3. 3 занятие Основы языка оформления стилей документа CSS

    4. 4 занятие Таблицы и табличная верстка

    5. 5 занятие Работа с макетом дизайна в формате PSD

    6. 6 занятие Верстка слоями (блочная верстка) - теория

    7. 7 занятие Верстка слоями (блочная верстка) - практика

    8. 8 занятие Стандарты web и вспомогательные инструменты

    9. СЕРТИФИКАТ

  4. Сверстать одностраничный макет

  5. Сверстать макет на несколько страниц

  6. Базовый курс в HTML academy

    Буду проходить параллельно с GeekBrains, чтобы залатать дыры в знаниях. Тем более, в отличии от Geek, этим я могу заниматься по дороге домой

    1. Курс "Знакомство"

    2. Структура HTML-документа

    3. Разметка текста с помощью HTML

    4. Ссылки и изображения

    5. Знакомство с таблицами

    6. Знакомство с формами

    7. Знакомство с CSS

    8. Селекторы

    9. Наследование и каскадирование

    10. Промежуточные испытания

    11. Оформление текста с помощью CSS

    12. Блочная модель документа

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

    14. Сетки

    15. Фоны

    16. Мастерская: создаём меню

    17. Мастерская: декоративные элементы

    18. Завершающие испытания

  7. Курс JavaScript в geekbrains

    начало 10 декабря --> перенос на 20 января 2016

  8. Прочитать книгу Д. Вельгошика "Как верстать на HTML5 и CSS3"

    https://webref.ru/layout/howtocodeinhtml

    1. Сайты и Лего

    2. Делаем наш первый сайт

    3. Особенности идеального HTML-кода

    4. Упражнение: верстаем пост блога

    5. Визуальный сайт в CSS3

    6. Меню, пожалуйста

    7. Понимание селекторов CSS

    8. Время для итогов

    9. Формы в HTML5

    10. Разница между <div> и <span>

    11. Дополнения форм

    12. Многоколоночный макет

    13. Что дальше?

  9. Jquery

    Где пока не знаю

  10. Курс HTML5 и CSS3 в Geekbrains

    1. 1 занятие HTML5

    2. 2 занятие CSS3

    3. 3 занятие CSS3, часть 2

    4. 4 занятие CSS3, часть 3

    5. 5 занятие Современные инструменты веб-разработчика

    6. 6 занятие Less и Bootstrap

    7. 7 занятие Canvas и Video

    8. 8 занятие Новые возможности HTML5

    9. Сертификат

  11. PHP

    Видеокурс PHP. Быстрый старт в GeekBrains.
    Если пойдет, пройти курс

  12. Найти место для стажировки

  13. Пройти курс JS на JavaScript.ru

    https://learn.javascript.ru/

  14. Найти работу веб-верстальщиком

  15. Основы SEO

  16. Разобраться во Flexbox

    Сверстать хотя бы простенький макет на флексах, чтобы почувствовать их

  17. Основы дизайна сайтов

  18. MySQL

  19. Cистемы управления версиями (Git, SVN и т.д.);

    1. Курс Git. Быстрый старт Инструмент командной разработки в Geekbrains

    2. Git How To — интерактивный тур http://githowto.com/ru

  20. Тренировки

    Отрабатываю всякие мелочи, которые однозначно нужно уметь и однозначно придется делать

    1. Сделать несколько кнопок и сохранить их как шаблоны на будущее

    2. Потренироваться с формами и сохранить их как шаблоны

    3. Тренируем списки с картинками вместо маркера

    4. Потренироваться с блоками, пока слабовато

  21. Разные мелочи и непонятки

    Всякие штуки, которые попадаются в процессе обучения, но не всегда на них сразу есть время или пока они недоступны для понимания

    1. Поразбираться с prefixfree ...например тут http://ruseller.com/lessons.php?rub=29&id=1323

    2. normalize.css https://htmlacademy.ru/blog/64

    3. трансформации блоков с помощью css масок https://viget.com/inspire/angled-edges-with-css-masks-and-transforms

    4. Bootstrap

    5. Справочник EMMET сокращений для ускорения верстки

    6. LESS, SASS, SCSS видео http://geekbrains.ru/events/121 (основной упор на SASS, LESS вроде как устаревает)

  22. Landing pages

    Разобраться в вопросе

  23. БЭМ

    1. Быстрый старт https://ru.bem.info/

    2. https://ru.bem.info/method/

    3. Видео BEM на практике (Яндекс в гостях у Loftblog)

  24. Продвинутые курсы от html academy

  25. JS

    1. learn.javascript.ru/

    2. developer.mozilla.org/ru/docs/Web/JavaScript

    3. freecodecamp.com/

    4. codecademy.com

    5. Прочитать книгу "Изучаем программирование JavaScript" Э.Фримен, Э.Робсон

  26. Препроцессоры от html academy

  27. Developer Tools - разобраться со всеми вкладками

  28. Сверстать 5 макетов на несколько страниц

  29. Выложить сайт на хостинг

  30. Git

    1. Зарегиться на github.com

    2. Установить десктопную версию Github

    3. Посмотреть обучающую видюху

    4. Почитать хелпы

    5. Посмотреть видео-семинар на geekbrains

  31. Прочитать маниакальный учебник http://softwaremaniacs.org/blog/category/primer/

  32. Посмотреть видео Уроки веб-разработки

    http://www.youtube.com/channel/UCHHw70vvbfyM6xJQo...

    http://www.youtube.com/user/WebMagistersRu

  33. Курс «Мастерская: создаём меню» в htmlacademy

    https://htmlacademy.ru/courses/50

    1. Создаём вертикальное меню

    2. Добавляем ссылки

    3. Сбрасываем стили списка

    4. Оформляем контейнер меню

    5. Оформляем пункты, простой вариант

    6. Более сложное оформление пунктов

    7. Добавляем разделители

    8. Оформляем состояния пунктов

    9. Испытание: вертикальное меню

    10. Многоуровневое вертикальное меню

    11. Устраняем проблемы оформления

    12. Переносим рамки, задаем отступы подменю

    13. Оформляем пункты подменю

    14. Тестируем на большой вложенности

    15. Испытание: многоуровневое меню

    16. Горизонтальное меню

    17. Что делать, если пункты не влезают?

    18. Усложненное оформление пунктов

    19. Завершаем оформление пунктов

    20. Испытание: горизонтальное меню

    21. Вертикальное меню с выпадающим подменю

    22. Позиционируем выпадающее подменю

    23. Отображаем подменю при наведении

    24. Горизонтальное меню с выпадающим подменю

    25. Оформляем выпадающее меню

    26. Включаем механизм выпадания

    27. Состояние «открытое подменю»

    28. Испытание: выпадающее меню

  34. Open Server

    1. Установить и настроить Open Server

    2. Прочитать мануал

  • 6741
  • 23 October 2015, 13:48

The goal is in the group

Веб-разработка

  • 1714

    members

  • 2434

    goals
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?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder