1

Этап 1

Основы Javascript и ООП

2

Этап 2

Пройти тест по языку JavaScript

3

Этап 3

Документ, события, интерфейсы (DOM/BOM)

4

Этап 4

Пройти тест по DOM

5

Этап 5

Дополнительно

6

Этап 6

ES-2015 в Современном Учебнике

7

Этап 7

Основы CoffeeScript

8

Этап 8

Скринкаст по Node.js

9

Этап 9

Учебник и курс по Canvas

10

Этап 10

Курс по GSAP

11

Этап 11

Курс по jQuery

12

Этап 12

Учебник и курс по ECMA Script

13

Этап 13

Курс по Angular.js

14

Этап 14

TypeScript

15

Этап 15

Курс по VUE.js

16

Этап 16

Скринкаст по Gulp

17

Этап 17

Курс по React.js

18

Этап 18

Курс по Grunt.js

1

Этап 1

Основы Javascript и ООП

2

Этап 2

Пройти тест по языку JavaScript

3

Этап 3

Документ, события, интерфейсы (DOM/BOM)

4

Этап 4

Пройти тест по DOM

5

Этап 5

Дополнительно

6

Этап 6

ES-2015 в Современном Учебнике

7

Этап 7

Основы CoffeeScript

8

Этап 8

Скринкаст по Node.js

9

Этап 9

Учебник и курс по Canvas

10

Этап 10

Курс по GSAP

11

Этап 11

Курс по jQuery

12

Этап 12

Учебник и курс по ECMA Script

13

Этап 13

Курс по Angular.js

14

Этап 14

TypeScript

15

Этап 15

Курс по VUE.js

16

Этап 16

Скринкаст по Gulp

17

Этап 17

Курс по React.js

18

Этап 18

Курс по Grunt.js

23 апреля 2016 01 февраля 2017
Цель завершена 2 апреля 2017
Подробно Кратко

Автор цели

Павлов Алексей

Россия, Пермь

20 лет

Отправить сообщение

Добавить в друзья

Общая

Изучить JavaScript и фреймворки

Здравствуйте! Недавно Я проходил несколько вводных курсов по программированию. Мне нравились курсы, в которых все сразу появлялось на веб-странице, а не где-то в компьютере. По чистой случайности ездил с отцом на конференцию ФРИИ. И тогда я точно я решил, что хочу стать веб-разработчиком. Это не только модно, но и практично. У меня все для этого есть! Мой первый язык был PHP. Правда я знал весь его синтаксис, кроме команд для веба. Я изучал Python, JAVA, но все же пока остался на Frontend части, изучил HTML/CSS. Программирование для меня было как хобби, теперь это надо превращать в работу и хобби. После верстки пришло время и JavaScript(у)...

Что это такое?

JavaScript — прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

— Wikipedia

Почему именно JavaScript?

Считаю, что плавный переход с фронтенда на бэкенд - отличная идея. А всеми-любимый JavaScript - это идеальный мостик через "Бинарную реку". Тем более он совсем необходим для веб-разработчика. Пропустить не могу, это будет большая ошибка - стать веб-разработчиком и не изучить JavaScript. Также у этого языка много плюсов. Например, это самый популярный язык. А что уж говорить, как можно его использовать... На ряду с JavaScript я изучу синтаксис jQuery, ES-15, и CoffeeScript.

Немного мотивации:

work-harder-e1405411687453.jpg

Промокод на курсы HTML Academy

Если вы желаете получить скидку на интенсивы и помочь мне в изучении, то вы можете воспользоваться данным промокодом на сумму -800 рублей:

179070caf5f

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

Совершенству нет предела, а хотя немного есть. Завершу цель после изучения всего ниже перечисленного

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

Навыки верстки

 Экологичность цели

Хочу научиться программировать. Первый язык я выбрал достаточно гибкий - JavaScript. Ну что-уж поделать, я уже на пол пути...

  1. Основы Javascript и ООП

    Проходить данный этап я буду в Современном Учебнике JavaScript.

    1. Введение

    2. Подключение

    3. Современные стандарты

    4. Переменные

    5. Операции с переменными

    6. Типы данных

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

    8. Побитовые операторы

    9. Взаимодействие с пользователем

    10. Условные операторы

    11. Преобразование типов для примитивов

    12. Циклы

    13. Конструкция Switch

    14. Функции

    15. Функциональные выражения

    16. Рекурсия, стек

    17. Именованные функциональные выражения

    18. Методы и свойства

    19. Числа

    20. Строки

    21. Объекты как ассоциативные массивы

    22. Объекты: перебор свойств

    23. Объекты: передача по ссылке

    24. Массивы с числовыми индексами

    25. Массивы: методы

    26. Массив: перебирающие методы

    27. Псевдомассив аргументов "arguments"

    28. Дата и время

    29. Глобальный объект

    30. Замыкания, функции изнутри

    31. [[Scope]] для new Function

    32. Локальные переменные для объекта

    33. Модули через замыкания

    34. Управление памятью в JavaScript

    35. Устаревшая конструкция "with"

    36. Методы объектов, this

    37. Преобразование объектов: toString и valueOf

    38. Создание объектов через "new"

    39. Дескрипторы, геттеры и сеттеры свойств

    40. Статические и фабричные методы

    41. Явное указание this: "call", "apply"

    42. Привязка контекста и карринг: "bind"

    43. Функции-обёртки, декораторы

    44. Типы данных: [[Class]], instanceof и утки

    45. Формат JSON, метод toJSON

    46. setTimeout и setInterval

    47. Запуск кода из строки: eval

    48. Перехват ошибок, "try..catch"

    49. Введение в ООП

    50. Внутренний и внешний интерфейс

    51. Геттеры и сеттеры

    52. Прототип объекта

    53. Свойство F.prototype и создание объектов через new

    54. Встроенные "классы" в JavaScript

    55. Свои классы на прототипах

    56. Наследование классов в JavaScript

    57. Проверка класса: "instanceof"

    58. Свои ошибки, наследование от Error

    59. Примеси

  2. Пройти тест по языку JavaScript

    Для закрепления навыков мне нужно пройти тест здесь.

    1. Уровень: новичок

    2. Уровень: средний

    3. Уровень: профессионал

  3. Документ, события, интерфейсы (DOM/BOM)

    Изучение и применение JavaScript на сайтах.

    1. Окружение: DOM, BOM и JS

    2. Дерево DOM

    3. Работа с DOM из консоли

    4. Навигация по DOM-элементам

    5. Поиск: getElement* и querySelector* и не только

    6. Внутреннее устройство поисковых методов

    7. Свойства узлов: тип, тег и содержимое

    8. Современный DOM: полифиллы

    9. Атрибуты и DOM-свойства

    10. Методы contains и compareDocumentPosition

    11. Добавление и удаление узлов

    12. Мультивставка: insertAdjacentHTML и DocumentFragment

    13. Метод document.write

    14. Стили, getComputedStyle

    15. Размеры и прокрутка элементов

    16. Размеры и прокрутка страницы

    17. Координаты в окне

    18. Координаты в документе

    19. Введение в браузерные события

    20. Порядок обработки событий

    21. Объект события

    22. Всплытие и перехват

    23. Делегирование событий

    24. Приём проектирования "поведение"

    25. Действия браузера по умолчанию

    26. Генерация событий на элементах

    27. Событие в деталях: мышь

    28. Прокрутка: событие scroll

    29. Клавиатура: keyup, keydown, keypress

    30. Загрузка документа: DOMContentLoaded, load, beforeunload, unload

    31. Загрузка скриптов, картинок, фреймов: onload и onerror

    32. Навигация и свойства элементов формы

    33. Фокусировка: focus/blur

    34. Изменение: change, input, cut, copy, paste

    35. Формы: отправка, событие и метод submit

    36. Графические компоненты

    37. Вёрстка графических компонентов

    38. Шаблонизатор LoDash

    39. Коллбэки и события на компонентах

  4. Пройти тест по DOM

    Для закрепления навыков в работе на страницах.

    1. Уровень: новичок

    2. Уровень: средний

    3. Уровень: профессионал

  5. Дополнительно

    Веб-компоненты, AjAX, анимация и многое другое...

    1. Веб-компоненты

    2. Введение в AJAX и COMET

    3. Node.JS для решения задач

    4. Основы XMLHttpRequest

    5. XMLHttpRequest POST, формы и кодировка

    6. XMLHttpRequest: кросс-доменные запросы

    7. XMLHttpRequest: индикация прогресса

    8. XMLHttpRequest: возобновляемая закачка

    9. COMET с XMLHttpRequest: длинные опросы

    10. WebSocket

    11. Протокол JSONP

    12. Server Side Events -- события с сервера

    13. IFRAME для AJAX и COMET

    14. Атака CSRF

    15. Метод fetch: замена XMLHttpRequest

    16. Таблица транспортов и их возможностей

    17. Анимация: Кривые Безье

    18. JS-Анимация

    19. Оптимизация Javascript

    20. Открытие окон и методы window

    21. Общение между окнами и фреймами

    22. Кросс-доменные ограничения и их обход

    23. Общение окон с разных доменов: postMessage

    24. Привлечение внимания к окну

    25. Атака Clickjacking и защита от неё

  6. ES-2015 в Современном Учебнике

    1. ES-2015 сейчас

    2. Переменные: let и const

    3. Деструктуризация

    4. Функции

    5. Строки

    6. Объекты и прототипы

    7. Классы

    8. Тип данных Sybmol

    9. Итераторы

    10. Set, Map, WeakSet и WeakMap

    11. Promise

    12. Генераторы

    13. Модули

    14. Proxy

  7. Основы CoffeeScript

    Курс на LoftBlog

    1. #1 — Установка, настройка, запуск

    2. #2 — Функции и операторы

    3. #3 — Условные операторы и циклы

    4. #4 — Массивы и объекты

  8. Скринкаст по Node.js

  9. Учебник и курс по Canvas

  10. Курс по GSAP

  11. Курс по jQuery

  12. Учебник и курс по ECMA Script

  13. Курс по Angular.js

  14. TypeScript

  15. Курс по VUE.js

  16. Скринкаст по Gulp

  17. Курс по React.js

  18. Курс по Grunt.js

  • 4695
  • 23 апреля 2016, 15:13

Цель состоит в группе

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

  • 1715

    участников

  • 2436

    целей
Регистрация

Регистрация

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

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

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

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

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

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

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

Только для PRO

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

Пригласить друзей

Командная
цель

Купить

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

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

    основатель

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

    основатель