1

Етап 1

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

2

Етап 2

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

3

Етап 3

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

4

Етап 4

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

5

Етап 5

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

6

Етап 6

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

7

Етап 7

Курс JavaScript в geekbrains

8

Етап 8

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

9

Етап 9

Jquery

10

Етап 10

Курс HTML5 и CSS3 в Geekbrains

11

Етап 11

PHP

12

Етап 12

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

13

Етап 13

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

14

Етап 14

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

15

Етап 15

Основы SEO

16

Етап 16

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

17

Етап 17

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

18

Етап 18

MySQL

19

Етап 19

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

20

Етап 20

Тренировки

21

Етап 21

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

22

Етап 22

Landing pages

23

Етап 23

БЭМ

24

Етап 24

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

25

Етап 25

JS

26

Етап 26

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

27

Етап 27

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

28

Етап 28

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

29

Етап 29

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

30

Етап 30

Git

31

Етап 31

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

32

Етап 32

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

33

Етап 33

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

34

Етап 34

Open Server

1

Етап 1

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

2

Етап 2

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

3

Етап 3

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

4

Етап 4

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

5

Етап 5

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

6

Етап 6

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

7

Етап 7

Курс JavaScript в geekbrains

8

Етап 8

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

9

Етап 9

Jquery

10

Етап 10

Курс HTML5 и CSS3 в Geekbrains

11

Етап 11

PHP

12

Етап 12

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

13

Етап 13

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

14

Етап 14

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

15

Етап 15

Основы SEO

16

Етап 16

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

17

Етап 17

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

18

Етап 18

MySQL

19

Етап 19

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

20

Етап 20

Тренировки

21

Етап 21

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

22

Етап 22

Landing pages

23

Етап 23

БЭМ

24

Етап 24

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

25

Етап 25

JS

26

Етап 26

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

27

Етап 27

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

28

Етап 28

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

29

Етап 29

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

30

Етап 30

Git

31

Етап 31

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

32

Етап 32

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

33

Етап 33

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

34

Етап 34

Open Server

23 жовтня 2015
Детально Стисло

Мета закинута

Автор не відписував в цілі 8 років 4 месяця 2 дня

Автор мети

Марго

Росія

9 Рік / року / років

Надіслати повідомлення

Додати у друзі

Загальна

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

План такой:

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

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

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

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

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

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

 Критерій завершення

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

 Особисті ресурси

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

  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. Прочитать мануал

  • 6578
  • 23 жовтня 2015, 13:48


Мета у складі групи

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

  • 1709

    участників

  • 2426

    цілей
Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Швидка реєстрація через соцмережі
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?
Налаштування

Виджет вашей цели

Большой (450×150 px)

Маленький (250×100 px)

Чтобы вставить виджет на ваш сайт или блог, скопируйте код и внедрите его в исходный html-код вашего блога/сайта.

Эта функция доступна только для PRO

Вы можете купить PRO аккаунт, либо получить его бесплатно,
пригласив 3 друзей на SmartProgress

Запросити друзів

Підняття
цілей вгору

Придбати PRO-аккаунт

Email на все случаи и по любым вопросам

  • Максим Маликов

    основатель

  • Сергей Захаров

    основатель