Изучить JavaScript и фреймворки
Здравствуйте! Недавно Я проходил несколько вводных курсов по программированию. Мне нравились курсы, в которых все сразу появлялось на веб-странице, а не где-то в компьютере. По чистой случайности ездил с отцом на конференцию ФРИИ. И тогда я точно я решил, что хочу стать веб-разработчиком. Это не только модно, но и практично. У меня все для этого есть! Мой первый язык был PHP. Правда я знал весь его синтаксис, кроме команд для веба. Я изучал Python, JAVA, но все же пока остался на Frontend части, изучил HTML/CSS. Программирование для меня было как хобби, теперь это надо превращать в работу и хобби. После верстки пришло время и JavaScript(у)...
Что это такое?
JavaScript — прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript.
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Почему именно JavaScript?
Считаю, что плавный переход с фронтенда на бэкенд - отличная идея. А всеми-любимый JavaScript - это идеальный мостик через "Бинарную реку". Тем более он совсем необходим для веб-разработчика. Пропустить не могу, это будет большая ошибка - стать веб-разработчиком и не изучить JavaScript. Также у этого языка много плюсов. Например, это самый популярный язык. А что уж говорить, как можно его использовать... На ряду с JavaScript я изучу синтаксис jQuery, ES-15, и CoffeeScript.
Немного мотивации:
Промокод на курсы HTML Academy
Если вы желаете получить скидку на интенсивы и помочь мне в изучении, то вы можете воспользоваться данным промокодом на сумму -800 рублей:
179070caf5f
Goal Accomplishment Criteria
Совершенству нет предела, а хотя немного есть. Завершу цель после изучения всего ниже перечисленного
Personal resources
Навыки верстки
Goal ecological compatibility
Хочу научиться программировать. Первый язык я выбрал достаточно гибкий - JavaScript. Ну что-уж поделать, я уже на пол пути...
-
Основы Javascript и ООП
Проходить данный этап я буду в Современном Учебнике JavaScript.
-
Введение
-
Подключение
-
Современные стандарты
-
Переменные
-
Операции с переменными
-
Типы данных
-
Основные операторы
-
Побитовые операторы
-
Взаимодействие с пользователем
-
Условные операторы
-
Преобразование типов для примитивов
-
Циклы
-
Конструкция Switch
-
Функции
-
Функциональные выражения
-
Рекурсия, стек
-
Именованные функциональные выражения
-
Методы и свойства
-
Числа
-
Строки
-
Объекты как ассоциативные массивы
-
Объекты: перебор свойств
-
Объекты: передача по ссылке
-
Массивы с числовыми индексами
-
Массивы: методы
-
Массив: перебирающие методы
-
Псевдомассив аргументов "arguments"
-
Дата и время
-
Глобальный объект
-
Замыкания, функции изнутри
-
[[Scope]] для new Function
-
Локальные переменные для объекта
-
Модули через замыкания
-
Управление памятью в JavaScript
-
Устаревшая конструкция "with"
-
Методы объектов, this
-
Преобразование объектов: toString и valueOf
-
Создание объектов через "new"
-
Дескрипторы, геттеры и сеттеры свойств
-
Статические и фабричные методы
-
Явное указание this: "call", "apply"
-
Привязка контекста и карринг: "bind"
-
Функции-обёртки, декораторы
-
Типы данных: [[Class]], instanceof и утки
-
Формат JSON, метод toJSON
-
setTimeout и setInterval
-
Запуск кода из строки: eval
-
Перехват ошибок, "try..catch"
-
Введение в ООП
-
Внутренний и внешний интерфейс
-
Геттеры и сеттеры
-
Прототип объекта
-
Свойство F.prototype и создание объектов через new
-
Встроенные "классы" в JavaScript
-
Свои классы на прототипах
-
Наследование классов в JavaScript
-
Проверка класса: "instanceof"
-
Свои ошибки, наследование от Error
-
Примеси
-
-
Пройти тест по языку JavaScript
Для закрепления навыков мне нужно пройти тест здесь.
-
Уровень: новичок
-
Уровень: средний
-
Уровень: профессионал
-
-
Документ, события, интерфейсы (DOM/BOM)
Изучение и применение JavaScript на сайтах.
-
Окружение: DOM, BOM и JS
-
Дерево DOM
-
Работа с DOM из консоли
-
Навигация по DOM-элементам
-
Поиск: getElement* и querySelector* и не только
-
Внутреннее устройство поисковых методов
-
Свойства узлов: тип, тег и содержимое
-
Современный DOM: полифиллы
-
Атрибуты и DOM-свойства
-
Методы contains и compareDocumentPosition
-
Добавление и удаление узлов
-
Мультивставка: insertAdjacentHTML и DocumentFragment
-
Метод document.write
-
Стили, getComputedStyle
-
Размеры и прокрутка элементов
-
Размеры и прокрутка страницы
-
Координаты в окне
-
Координаты в документе
-
Введение в браузерные события
-
Порядок обработки событий
-
Объект события
-
Всплытие и перехват
-
Делегирование событий
-
Приём проектирования "поведение"
-
Действия браузера по умолчанию
-
Генерация событий на элементах
-
Событие в деталях: мышь
-
Прокрутка: событие scroll
-
Клавиатура: keyup, keydown, keypress
-
Загрузка документа: DOMContentLoaded, load, beforeunload, unload
-
Загрузка скриптов, картинок, фреймов: onload и onerror
-
Навигация и свойства элементов формы
-
Фокусировка: focus/blur
-
Изменение: change, input, cut, copy, paste
-
Формы: отправка, событие и метод submit
-
Графические компоненты
-
Вёрстка графических компонентов
-
Шаблонизатор LoDash
-
Коллбэки и события на компонентах
-
-
Пройти тест по DOM
Для закрепления навыков в работе на страницах.
-
Уровень: новичок
-
Уровень: средний
-
Уровень: профессионал
-
-
Дополнительно
Веб-компоненты, AjAX, анимация и многое другое...
-
Веб-компоненты
-
Введение в AJAX и COMET
-
Node.JS для решения задач
-
Основы XMLHttpRequest
-
XMLHttpRequest POST, формы и кодировка
-
XMLHttpRequest: кросс-доменные запросы
-
XMLHttpRequest: индикация прогресса
-
XMLHttpRequest: возобновляемая закачка
-
COMET с XMLHttpRequest: длинные опросы
-
WebSocket
-
Протокол JSONP
-
Server Side Events -- события с сервера
-
IFRAME для AJAX и COMET
-
Атака CSRF
-
Метод fetch: замена XMLHttpRequest
-
Таблица транспортов и их возможностей
-
Анимация: Кривые Безье
-
JS-Анимация
-
Оптимизация Javascript
-
Открытие окон и методы window
-
Общение между окнами и фреймами
-
Кросс-доменные ограничения и их обход
-
Общение окон с разных доменов: postMessage
-
Привлечение внимания к окну
-
Атака Clickjacking и защита от неё
-
-
ES-2015 в Современном Учебнике
-
ES-2015 сейчас
-
Переменные: let и const
-
Деструктуризация
-
Функции
-
Строки
-
Объекты и прототипы
-
Классы
-
Тип данных Sybmol
-
Итераторы
-
Set, Map, WeakSet и WeakMap
-
Promise
-
Генераторы
-
Модули
-
Proxy
-
-
Основы CoffeeScript
Курс на LoftBlog
-
#1 — Установка, настройка, запуск
-
#2 — Функции и операторы
-
#3 — Условные операторы и циклы
-
#4 — Массивы и объекты
-
-
Скринкаст по Node.js
-
Учебник и курс по Canvas
-
Курс по GSAP
-
Курс по jQuery
-
Учебник и курс по ECMA Script
-
Курс по Angular.js
-
TypeScript
-
Курс по VUE.js
-
Скринкаст по Gulp
-
Курс по React.js
-
Курс по Grunt.js
- 4679
- 23 April 2016, 15:13
Don't miss new posts!
Subscribe for the Goal and follow through to its completion