1

Step 1

Основы Javascript и ООП

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

Основы CoffeeScript

8

Step 8

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

9

Step 9

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

10

Step 10

Курс по GSAP

11

Step 11

Курс по jQuery

12

Step 12

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

13

Step 13

Курс по Angular.js

14

Step 14

TypeScript

15

Step 15

Курс по VUE.js

16

Step 16

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

17

Step 17

Курс по React.js

18

Step 18

Курс по Grunt.js

1

Step 1

Основы Javascript и ООП

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

Основы CoffeeScript

8

Step 8

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

9

Step 9

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

10

Step 10

Курс по GSAP

11

Step 11

Курс по jQuery

12

Step 12

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

13

Step 13

Курс по Angular.js

14

Step 14

TypeScript

15

Step 15

Курс по VUE.js

16

Step 16

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

17

Step 17

Курс по React.js

18

Step 18

Курс по Grunt.js

23 April 2016 01 February 2017
Goal completed 2 April 2017

Goal author

General

Изучить 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

 Goal Accomplishment Criteria

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

 Personal resources

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

 Goal ecological compatibility

Хочу научиться программировать. Первый язык я выбрал достаточно гибкий - 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

  • 4619
  • 23 April 2016, 15:13
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?