1

Step 1

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

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

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

16

Step 16

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

17

Step 17

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

18

Step 18

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

19

Step 19

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

20

Step 20

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

21

Step 21

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

22

Step 22

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

23

Step 23

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

24

Step 24

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

25

Step 25

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

26

Step 26

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

27

Step 27

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

28

Step 28

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

29

Step 29

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

30

Step 30

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

31

Step 31

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

32

Step 32

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

33

Step 33

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

34

Step 34

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

35

Step 35

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

36

Step 36

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

37

Step 37

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

38

Step 38

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

39

Step 39

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

40

Step 40

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

41

Step 41

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

42

Step 42

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

43

Step 43

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

44

Step 44

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

45

Step 45

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

46

Step 46

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

47

Step 47

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

48

Step 48

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

49

Step 49

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

50

Step 50

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

1

Step 1

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

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

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

16

Step 16

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

17

Step 17

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

18

Step 18

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

19

Step 19

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

20

Step 20

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

21

Step 21

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

22

Step 22

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

23

Step 23

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

24

Step 24

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

25

Step 25

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

26

Step 26

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

27

Step 27

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

28

Step 28

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

29

Step 29

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

30

Step 30

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

31

Step 31

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

32

Step 32

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

33

Step 33

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

34

Step 34

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

35

Step 35

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

36

Step 36

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

37

Step 37

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

38

Step 38

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

39

Step 39

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

40

Step 40

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

41

Step 41

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

42

Step 42

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

43

Step 43

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

44

Step 44

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

45

Step 45

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

46

Step 46

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

47

Step 47

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

48

Step 48

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

49

Step 49

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

50

Step 50

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

17 April 2017 01 July 2017
The goal is overdue by 2702 days

Goal abandoned

The author does not write in the goal 7 years 4 months 16 days

Goal author

Business & Finance

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

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

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

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

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

4. Вёрстка.

5. jQuery.

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

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

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

 Goal Accomplishment Criteria

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

 Personal resources

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

  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)

  • 2332
  • 17 April 2017, 21:39
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?