Подружиться с JavaScript
В прошлом году я начала свое знакомство с front-end, познакомилась с HTML и CSS, прошла несколько курсов на coursera и стала кодить (не без помощи гугла, конечно). Но с JS не так легко подружиться, пара курсов мне не придали уверенности.
Изучение JS и затягивает, и пугает одновременно. Слишком много у него правил, с которыми нужно знакомиться более основательно и структурировано.
Я выбрала для себя несколько книг и видеокурсов, которые планирую освоить за 2 месяца.
Заодно хочу проверить свою гипотезу, что черпание информации из нескольких источников одновременно помогает лучше понять и усвоить теорию.
Критерий завершения
Чувствовать себя уверенным кодером перед интервью по JS.
-
1. Знакомство.
-
Выразительный javascript: 1. Величины, типы и операторы.
-
Выразительный javascript: 2. Структура программ.
-
Выразительный javascript: 3. Функции.
-
learn.javascript.ru: 1. Основы JavaScript (начало)
-
Видео-уроки JavaScript: 1. Введение в JS. Типы данных.
-
Видео-уроки JavaScript: 2. Условные операторы и Логические операторы.
-
Видео-уроки JavaScript: 3. Циклы.
-
Видео-уроки JavaScript: 4. Функции. Знакомство.
-
coursera: Advanced Styling with Responsive Design. Week 1/4. Style with Responsive Design
-
coursera: HTML, CSS, and Javascript for Web Developers. Week 4/5. Introduction to Javascript.
-
coursera: Responsive Website Basics: Code with HTML, CSS, and JavaScript. Week 2/4.
-
freecodecamp: HTML & CSS
-
-
2. Синтаксис, циклы и функции.
-
learn.javascript.ru: 1. Основы JavaScript (циклы и функции)
-
learn.javascript.ru: 2. Качество кода.
-
Видеокурсы. Урок 4: Синтаксис JavaScript
-
Видеокурсы. Урок 5: Arrays
-
Видеокурсы. Урок 6: Functions
-
Видеокурсы. Урок 7: Функциональные выражения
-
freecodecamp: Basic JavaScript
-
-
3. Структура данных.
-
learn.javascript.ru: 3. Структуры данных.
-
Выразительный javascript: 4. Структуры данных: объекты и массивы
-
Выразительный javascript: 5. Функции высшего порядка
-
Видеокурсы. Урок 8: Объекты
-
freecodecamp: Object Oriented and Functional Programming
-
-
4. Методы объектов
-
Выразительный javascript: 6. Тайная жизнь объектов
-
Видеокурсы. Урок 9: Конструктор, прототип и наследование
-
Видеокурсы. Урок 10: BOM
-
Видеокурсы. Урок 11: DOM
-
Видеокурсы. Урок 12: Events
-
Видеокурсы. Урок 13: Обзор событий
-
freecodecamp: Basic Algorithm Scripting
-
learn.javascript.ru: 4. Замыкания, область видимости
-
learn.javascript.ru: 5. Методы объектов и контекст вызова
-
-
5. DOM и события.
-
learn.javascript.ru: 6. Некоторые другие возможности
-
learn.javascript.ru: 7. ООП в функциональном стиле
-
learn.javascript.ru: 8. ООП в прототипном стиле
-
learn.javascript.ru: 10. Документ и объекты страницы
-
learn.javascript.ru: 11. Основы работы с событиями
-
learn.javascript.ru: 12. События в деталях
-
learn.javascript.ru: 16. AJAX и COMET
-
Выразительный javascript: 10. Модули
-
Выразительный javascript: 11. Проект: язык программирования
-
Выразительный javascript: 12. JavaScript и браузер
-
Выразительный javascript: 13. Document Object Model
-
Выразительный javascript: 14. Обработка событий
-
Видеокурсы. Урок 14: AJAX
-
Видеокурсы. Урок 15: Анимация в CSS
-
Видеокурсы. Урок 16: Адаптивная верстка
-
Видеокурсы. Урок 17: Градиенты и трансформации
-
freecodecamp: JSON APIs and Ajax
-
freecodecamp: Intermediate Algorithm Scripting
-
-
6. Формы. Графичекие компоненты.
-
learn.javascript.ru: 13. Формы, элементы управления
-
learn.javascript.ru: 14. Создание графических компонентов
-
Выразительный javascript: 15. Проект: игра-платформер
-
Выразительный javascript: 16. Рисование на холсте
-
Выразительный javascript: 17. HTTP
-
Выразительный javascript: 18. Формы и поля форм
-
Выразительный javascript: 19. Проект: Paint
-
Видеокурсы. Урок 22: Angular
-
Видео Advanced: Урок 7: Формы и элементы формы
-
freecodecamp: Advanced Algorithm Scripting
-
-
7. Продвинутый CSS. Анимация.
-
learn.javascript.ru: 17. Анимация
-
learn.javascript.ru: 18. Оптимизация
-
learn.javascript.ru: 19. Окна и Фреймы
-
learn.javascript.ru: 20. CSS для JavaScript-разработчика
-
freecodecamp: Intermediate Front End Development Projects
-
Видеокурсы. Урок 21: bootstrap
-
freecodecamp: Responsive Design with Bootstrap
-
Выразительный javascript: 7. Проект: электронная жизнь
-
Выразительный javascript: 8. Поиск и обработка ошибок
-
learn.javascript.ru: 9. Современные возможности ES-2015
-
Выразительный javascript: 9. Современные возможности ES-2015
-
-
8. Регулярные выражения. jQuery.
-
Выразительный javascript: 20. Node.js
-
Выразительный javascript: 21. Проект: веб-сайт по обмену опытом
-
learn.javascript.ru: 21. Сундучок с инструментами
-
learn.javascript.ru: 22. Регулярные выражения
-
learn.javascript.ru: 23. О всякой всячине
-
Видеокурсы. Урок 19: NPM
-
Видеокурсы. Урок 20: jQuery
-
freecodecamp: jQuery
-
Выразительный javascript: 9. Регулярные выражения
-
- 1686
- 23 февраля 2017, 09:41
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением