1

Etapa 1

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

2

Etapa 2

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

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

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

7

Etapa 7

Курс JavaScript в geekbrains

8

Etapa 8

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

9

Etapa 9

Jquery

10

Etapa 10

Курс HTML5 и CSS3 в Geekbrains

11

Etapa 11

PHP

12

Etapa 12

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

13

Etapa 13

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

14

Etapa 14

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

15

Etapa 15

Основы SEO

16

Etapa 16

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

17

Etapa 17

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

18

Etapa 18

MySQL

19

Etapa 19

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

20

Etapa 20

Тренировки

21

Etapa 21

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

22

Etapa 22

Landing pages

23

Etapa 23

БЭМ

24

Etapa 24

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

25

Etapa 25

JS

26

Etapa 26

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

27

Etapa 27

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

28

Etapa 28

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

29

Etapa 29

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

30

Etapa 30

Git

31

Etapa 31

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

32

Etapa 32

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

33

Etapa 33

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

34

Etapa 34

Open Server

1

Etapa 1

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

2

Etapa 2

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

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

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

6

Etapa 6

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

7

Etapa 7

Курс JavaScript в geekbrains

8

Etapa 8

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

9

Etapa 9

Jquery

10

Etapa 10

Курс HTML5 и CSS3 в Geekbrains

11

Etapa 11

PHP

12

Etapa 12

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

13

Etapa 13

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

14

Etapa 14

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

15

Etapa 15

Основы SEO

16

Etapa 16

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

17

Etapa 17

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

18

Etapa 18

MySQL

19

Etapa 19

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

20

Etapa 20

Тренировки

21

Etapa 21

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

22

Etapa 22

Landing pages

23

Etapa 23

БЭМ

24

Etapa 24

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

25

Etapa 25

JS

26

Etapa 26

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

27

Etapa 27

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

28

Etapa 28

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

29

Etapa 29

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

30

Etapa 30

Git

31

Etapa 31

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

32

Etapa 32

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

33

Etapa 33

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

34

Etapa 34

Open Server

23 octubre 2015
Con detalles Brevemente

El objetivo está desatendido

El autor lleva sin comentar el objetivo 8 años 3 meses 28 días

Autor del objetivo

Марго

Rusia

9 año / año / año

Enviar un mensaje

Añadir a amigos

General

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

План такой:

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

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

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

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

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

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

 Criterio del fin

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

 Recursos personales

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

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

  • 6568
  • 23 octubre 2015, 13:48

El objetivo está en el grupo

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

  • 1709

    miembros

  • 2426

    objetivos
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Registración rápida a través de redes sociales
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?
Opciones

Widget para su objetivo

Grande (450×150 px)

Pequeño (250×100 px)

Para insertar un widget en su sitio web o blog, copia el código y incrustarla en el código html original a tu blog / sitio.

Sólo para PRO

Puedes comprar una < a href="/user/pro/" target="_blank">cuenta Pro< / a> o recibirla gratis invitando a 3 amigos a SmartProgress

Invitar a los amigos

Subida
de objetivos

Comprar la cueta PRO

Email for any cases

  • Maxim Malikov

    fundador

  • Sergey Zakharov

    fundador