1

Этап 1

Основы HTML (https://youtu.be/p2W5Z4QfJv0)

2

Этап 2

2 Основы CSS (https://youtu.be/_nrQbO3iXgI)

3

Этап 3

CSS селекторы (https://youtu.be/WH7BNFo3A2s) - продолжение темы CSS

4

Этап 4

Молниеносная верстка с EMMET (https://youtu.be/RfFtACtO998)

5

Этап 5

Выбор редактора (https://youtu.be/pe4OSrIwxY4)

6

Этап 6

Настройка Sublime Text для работы (https://youtu.be/qlueo6wFikM)

7

Этап 7

Универсальный скрипт обратной связи на сайте (https://youtu.be/0bexJuzHFRo)

8

Этап 8

Как стать крутым веб-дизайнером (https://youtu.be/3wAQCXL7RDk)

9

Этап 9

Sass для самых маленьких (https://youtu.be/H4cG4tbc-xQ) - продвинутый CSS.

10

Этап 10

Как подключить и использовать шрифтовые иконки Font Awesome (https://youtu.be/m5Ub-MXKMgA)

11

Этап 11

Gulp для самых маленьких (https://youtu.be/vW51JUVT66w) - более сложная база для автоматизации фронтенда

12

Этап 12

Настройка Photoshop для веб-дизайна (https://youtu.be/neWCkD-tvr0)

13

Этап 13

Ответы на вопросы #1 (https://youtu.be/Y7Dn2iRxYpg)

14

Этап 14

GitHub Gist - хранение и повторное использование кода (https://youtu.be/fUUXus8gGk0)

15

Этап 15

CSS сетка Bootstrap нужной ширины (https://youtu.be/7j2MnoFeHJg)

16

Этап 16

Обновление версий пакетов в package.json (https://youtu.be/9jRy_ahauO8) - нужно для Gulp.

17

Этап 17

Open Source Web Design (https://youtu.be/iIkRCu4m57Y)

18

Этап 18

Мастер веб-дизайна #5 (https://youtu.be/QUhhBwq3Cu0)

19

Этап 19

Speed Art #4 (https://youtu.be/qhp9JpEZONg) - полезно посмотреть за процессом работы

20

Этап 20

Система сеток Bootstrap в веб-дизайне (https://youtu.be/TZcjJSJcalU)

21

Этап 21

Bootstrap: Как создаются современные адаптивные сайты (https://youtu.be/-wcy1Bsq-Ls) - основы адаптивной вёрстки

22

Этап 22

Уроки по вёрстки из курса по созданию LP. Смотреть выпуски 1, 2, 3, 4, 5, 6, 7, 8, 9 (https://www.youtube.com/playlist?list=PLyf8LgkO_8q8Uk.

23

Этап 23

Джедай верстки #2 (https://youtu.be/YOvqf5XOdA8)

24

Этап 24

Джедай верстки #4 (https://youtu.be/hG6T8ZnJl_M)

25

Этап 25

Правильная стилизация Bootstrap для продажи HTML тем (https://youtu.be/GNeKuKXQwCg)

26

Этап 26

Уроки по вёрстке из курса "Создание сайта под ключ" (https://www.youtube.com/playlist?list=PLyf8LgkO_8q-Iz..)

27

Этап 27

Джедай вёрстки #5 (https://youtu.be/Xi0S4xOS8HY)

28

Этап 28

Джедай вёрстки #6 (https://youtu.be/oIPzjkICd5M)

29

Этап 29

HTML сниппеты #1 (https://youtu.be/nBTF3QBqlmM) - верстка интересных блоков, реализация типовых макетов

30

Этап 30

Создание адаптивного Mega Menu (https://youtu.be/1lk8fWNRzi4)

31

Этап 31

Реализация табов на jQuery (https://youtu.be/ec_JGcXQ9yo)

32

Этап 32

Аккордеона на jQuery (https://youtu.be/LhEkYUeKuWo)

33

Этап 33

Создание jQuery плагинов #1 (https://youtu.be/e2zXsRE0ick) - Параллакс

34

Этап 34

Создание jQuery плагинов #2 (https://youtu.be/mwSBO8a_MXs) - Создаём плагин лупы.

35

Этап 35

MODx CMS - посадка вёрстки на систему управления

36

Этап 36

MODX Revolution - Базовый урок (https://youtu.be/wP1lvYX9Xzo)

37

Этап 37

Посадка типовой секции Landing Page на MODx (https://youtu.be/IMiUR_7wqtg)

38

Этап 38

Посадка главной страницы на MODx из курса по созданию сайта под ключ. Уроки с 10-го и дальше (https://www.youtube.com/playlist?list=PLyf8Lgk

39

Этап 39

Ajax фильтр на MODx Revolution (https://youtu.be/NRZkTqCLYVU)

40

Этап 40

Как сделать мультилендинг на MODx (https://youtu.be/1uxdU7eFFe0)

41

Этап 41

Создание AJAX форм обратной связи на сайте (https://youtu.be/Ltmh0ybH1cI)

42

Этап 42

CSS анимация элементов при скролле (https://youtu.be/zrGgSDVzpQI)

43

Этап 43

CSS анимация элементов при наведении (https://youtu.be/SdOYbbq3sm8)

44

Этап 44

Плавный скролл до элемента и кнопка "наверх" (https://youtu.be/YPlHvyYua8c)

45

Этап 45

Всплывающее окно для фотографий (https://youtu.be/bloWKWUNjLI)

46

Этап 46

Всплывающее окно для отправки формы (https://youtu.be/5huBlLhywJg)

47

Этап 47

Ответы на вопросы #2 (https://youtu.be/MsV7Eqc3VZQ)

48

Этап 48

Ответы на вопросы #3 (https://youtu.be/OV-au4oBKNs)

49

Этап 49

Ответы на вопросы #4 (https://youtu.be/grEjXYaFtX0)

50

Этап 50

Ответы на вопросы #5 (https://youtu.be/AzekngLy33c)

1

Этап 1

Основы HTML (https://youtu.be/p2W5Z4QfJv0)

2

Этап 2

2 Основы CSS (https://youtu.be/_nrQbO3iXgI)

3

Этап 3

CSS селекторы (https://youtu.be/WH7BNFo3A2s) - продолжение темы CSS

4

Этап 4

Молниеносная верстка с EMMET (https://youtu.be/RfFtACtO998)

5

Этап 5

Выбор редактора (https://youtu.be/pe4OSrIwxY4)

6

Этап 6

Настройка Sublime Text для работы (https://youtu.be/qlueo6wFikM)

7

Этап 7

Универсальный скрипт обратной связи на сайте (https://youtu.be/0bexJuzHFRo)

8

Этап 8

Как стать крутым веб-дизайнером (https://youtu.be/3wAQCXL7RDk)

9

Этап 9

Sass для самых маленьких (https://youtu.be/H4cG4tbc-xQ) - продвинутый CSS.

10

Этап 10

Как подключить и использовать шрифтовые иконки Font Awesome (https://youtu.be/m5Ub-MXKMgA)

11

Этап 11

Gulp для самых маленьких (https://youtu.be/vW51JUVT66w) - более сложная база для автоматизации фронтенда

12

Этап 12

Настройка Photoshop для веб-дизайна (https://youtu.be/neWCkD-tvr0)

13

Этап 13

Ответы на вопросы #1 (https://youtu.be/Y7Dn2iRxYpg)

14

Этап 14

GitHub Gist - хранение и повторное использование кода (https://youtu.be/fUUXus8gGk0)

15

Этап 15

CSS сетка Bootstrap нужной ширины (https://youtu.be/7j2MnoFeHJg)

16

Этап 16

Обновление версий пакетов в package.json (https://youtu.be/9jRy_ahauO8) - нужно для Gulp.

17

Этап 17

Open Source Web Design (https://youtu.be/iIkRCu4m57Y)

18

Этап 18

Мастер веб-дизайна #5 (https://youtu.be/QUhhBwq3Cu0)

19

Этап 19

Speed Art #4 (https://youtu.be/qhp9JpEZONg) - полезно посмотреть за процессом работы

20

Этап 20

Система сеток Bootstrap в веб-дизайне (https://youtu.be/TZcjJSJcalU)

21

Этап 21

Bootstrap: Как создаются современные адаптивные сайты (https://youtu.be/-wcy1Bsq-Ls) - основы адаптивной вёрстки

22

Этап 22

Уроки по вёрстки из курса по созданию LP. Смотреть выпуски 1, 2, 3, 4, 5, 6, 7, 8, 9 (https://www.youtube.com/playlist?list=PLyf8LgkO_8q8Uk.

23

Этап 23

Джедай верстки #2 (https://youtu.be/YOvqf5XOdA8)

24

Этап 24

Джедай верстки #4 (https://youtu.be/hG6T8ZnJl_M)

25

Этап 25

Правильная стилизация Bootstrap для продажи HTML тем (https://youtu.be/GNeKuKXQwCg)

26

Этап 26

Уроки по вёрстке из курса "Создание сайта под ключ" (https://www.youtube.com/playlist?list=PLyf8LgkO_8q-Iz..)

27

Этап 27

Джедай вёрстки #5 (https://youtu.be/Xi0S4xOS8HY)

28

Этап 28

Джедай вёрстки #6 (https://youtu.be/oIPzjkICd5M)

29

Этап 29

HTML сниппеты #1 (https://youtu.be/nBTF3QBqlmM) - верстка интересных блоков, реализация типовых макетов

30

Этап 30

Создание адаптивного Mega Menu (https://youtu.be/1lk8fWNRzi4)

31

Этап 31

Реализация табов на jQuery (https://youtu.be/ec_JGcXQ9yo)

32

Этап 32

Аккордеона на jQuery (https://youtu.be/LhEkYUeKuWo)

33

Этап 33

Создание jQuery плагинов #1 (https://youtu.be/e2zXsRE0ick) - Параллакс

34

Этап 34

Создание jQuery плагинов #2 (https://youtu.be/mwSBO8a_MXs) - Создаём плагин лупы.

35

Этап 35

MODx CMS - посадка вёрстки на систему управления

36

Этап 36

MODX Revolution - Базовый урок (https://youtu.be/wP1lvYX9Xzo)

37

Этап 37

Посадка типовой секции Landing Page на MODx (https://youtu.be/IMiUR_7wqtg)

38

Этап 38

Посадка главной страницы на MODx из курса по созданию сайта под ключ. Уроки с 10-го и дальше (https://www.youtube.com/playlist?list=PLyf8Lgk

39

Этап 39

Ajax фильтр на MODx Revolution (https://youtu.be/NRZkTqCLYVU)

40

Этап 40

Как сделать мультилендинг на MODx (https://youtu.be/1uxdU7eFFe0)

41

Этап 41

Создание AJAX форм обратной связи на сайте (https://youtu.be/Ltmh0ybH1cI)

42

Этап 42

CSS анимация элементов при скролле (https://youtu.be/zrGgSDVzpQI)

43

Этап 43

CSS анимация элементов при наведении (https://youtu.be/SdOYbbq3sm8)

44

Этап 44

Плавный скролл до элемента и кнопка "наверх" (https://youtu.be/YPlHvyYua8c)

45

Этап 45

Всплывающее окно для фотографий (https://youtu.be/bloWKWUNjLI)

46

Этап 46

Всплывающее окно для отправки формы (https://youtu.be/5huBlLhywJg)

47

Этап 47

Ответы на вопросы #2 (https://youtu.be/MsV7Eqc3VZQ)

48

Этап 48

Ответы на вопросы #3 (https://youtu.be/OV-au4oBKNs)

49

Этап 49

Ответы на вопросы #4 (https://youtu.be/grEjXYaFtX0)

50

Этап 50

Ответы на вопросы #5 (https://youtu.be/AzekngLy33c)

17 апреля 2017 01 июля 2017
Цель просрочена на 2702 дня

Цель заброшена

Автор не отписывался в цели 7 лет 4 месяца 16 дней

Бизнес и Финансы

Джедай верстки!

Наконец поставили себе цель с коллегой, долго собирались, ну что удачи нам!

1. Основы, база.

2. Инструменты.

3. Веб-дизайн.

4. Вёрстка.

5. jQuery.

6. MODx CMS - посадка вёрстки на систему управления.

7. Необходимые полезности.

8. Ответы на вопросы.

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

Прошла все обучение из курса WebDesign Master!

 Личные ресурсы

Из личных ресурсов только время, желание, сила воли!

  1. Основы HTML (https://youtu.be/p2W5Z4QfJv0)

  2. 2 Основы CSS (https://youtu.be/_nrQbO3iXgI)

  3. CSS селекторы (https://youtu.be/WH7BNFo3A2s) - продолжение темы CSS

  4. Молниеносная верстка с EMMET (https://youtu.be/RfFtACtO998)

  5. Выбор редактора (https://youtu.be/pe4OSrIwxY4)

  6. Настройка Sublime Text для работы (https://youtu.be/qlueo6wFikM)

  7. Универсальный скрипт обратной связи на сайте (https://youtu.be/0bexJuzHFRo)

  8. Как стать крутым веб-дизайнером (https://youtu.be/3wAQCXL7RDk)

  9. Sass для самых маленьких (https://youtu.be/H4cG4tbc-xQ) - продвинутый CSS.

  10. Как подключить и использовать шрифтовые иконки Font Awesome (https://youtu.be/m5Ub-MXKMgA)

  11. Gulp для самых маленьких (https://youtu.be/vW51JUVT66w) - более сложная база для автоматизации фронтенда

  12. Настройка Photoshop для веб-дизайна (https://youtu.be/neWCkD-tvr0)

  13. Ответы на вопросы #1 (https://youtu.be/Y7Dn2iRxYpg)

  14. GitHub Gist - хранение и повторное использование кода (https://youtu.be/fUUXus8gGk0)

  15. CSS сетка Bootstrap нужной ширины (https://youtu.be/7j2MnoFeHJg)

  16. Обновление версий пакетов в package.json (https://youtu.be/9jRy_ahauO8) - нужно для Gulp.

  17. Open Source Web Design (https://youtu.be/iIkRCu4m57Y)

  18. Мастер веб-дизайна #5 (https://youtu.be/QUhhBwq3Cu0)

  19. Speed Art #4 (https://youtu.be/qhp9JpEZONg) - полезно посмотреть за процессом работы

  20. Система сеток Bootstrap в веб-дизайне (https://youtu.be/TZcjJSJcalU)

  21. Bootstrap: Как создаются современные адаптивные сайты (https://youtu.be/-wcy1Bsq-Ls) - основы адаптивной вёрстки

  22. Уроки по вёрстки из курса по созданию LP. Смотреть выпуски 1, 2, 3, 4, 5, 6, 7, 8, 9 (https://www.youtube.com/playlist?list=PLyf8LgkO_8q8Uk.

  23. Джедай верстки #2 (https://youtu.be/YOvqf5XOdA8)

  24. Джедай верстки #4 (https://youtu.be/hG6T8ZnJl_M)

  25. Правильная стилизация Bootstrap для продажи HTML тем (https://youtu.be/GNeKuKXQwCg)

  26. Уроки по вёрстке из курса "Создание сайта под ключ" (https://www.youtube.com/playlist?list=PLyf8LgkO_8q-Iz..)

  27. Джедай вёрстки #5 (https://youtu.be/Xi0S4xOS8HY)

  28. Джедай вёрстки #6 (https://youtu.be/oIPzjkICd5M)

  29. HTML сниппеты #1 (https://youtu.be/nBTF3QBqlmM) - верстка интересных блоков, реализация типовых макетов

  30. Создание адаптивного Mega Menu (https://youtu.be/1lk8fWNRzi4)

  31. Реализация табов на jQuery (https://youtu.be/ec_JGcXQ9yo)

  32. Аккордеона на jQuery (https://youtu.be/LhEkYUeKuWo)

  33. Создание jQuery плагинов #1 (https://youtu.be/e2zXsRE0ick) - Параллакс

  34. Создание jQuery плагинов #2 (https://youtu.be/mwSBO8a_MXs) - Создаём плагин лупы.

  35. MODx CMS - посадка вёрстки на систему управления

  36. MODX Revolution - Базовый урок (https://youtu.be/wP1lvYX9Xzo)

  37. Посадка типовой секции Landing Page на MODx (https://youtu.be/IMiUR_7wqtg)

  38. Посадка главной страницы на MODx из курса по созданию сайта под ключ. Уроки с 10-го и дальше (https://www.youtube.com/playlist?list=PLyf8Lgk

  39. Ajax фильтр на MODx Revolution (https://youtu.be/NRZkTqCLYVU)

  40. Как сделать мультилендинг на MODx (https://youtu.be/1uxdU7eFFe0)

  41. Создание AJAX форм обратной связи на сайте (https://youtu.be/Ltmh0ybH1cI)

  42. CSS анимация элементов при скролле (https://youtu.be/zrGgSDVzpQI)

  43. CSS анимация элементов при наведении (https://youtu.be/SdOYbbq3sm8)

  44. Плавный скролл до элемента и кнопка "наверх" (https://youtu.be/YPlHvyYua8c)

  45. Всплывающее окно для фотографий (https://youtu.be/bloWKWUNjLI)

  46. Всплывающее окно для отправки формы (https://youtu.be/5huBlLhywJg)

  47. Ответы на вопросы #2 (https://youtu.be/MsV7Eqc3VZQ)

  48. Ответы на вопросы #3 (https://youtu.be/OV-au4oBKNs)

  49. Ответы на вопросы #4 (https://youtu.be/grEjXYaFtX0)

  50. Ответы на вопросы #5 (https://youtu.be/AzekngLy33c)

  • 2330
  • 17 апреля 2017, 21:39
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?