JavaScript

Данный курс - перевод малой части супер крутого и популярного открытого курса TheOdinProject. Кроме того, по курсу я нудно и долго делаю видео на youtube. Нудно и долго, но делаю :)

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

Начнем

Сделайте свой сайт динамичным и интерактивным с помощью JavaScript! В рамках траектории вы будете реализовывать разный функционал и автономные приложения. И в конце, объединив все знания воедино, вы создадите финальный проект.

Основы

Добро пожаловать на траекторию JavaScript. Начинаем!

1. О траектории: конспект
2. Обзор: конспект

Организация

В этой серии статей рассказывается о том, что вам нужно для написания крупных приложений на JavaScript. Вот где наше приложение станет реальным!

1. Введение: конспект
2. Объекты и конструктор объектов: конспект
3. Библиотека: проект
4. Паттерн Фабричная Функция и Модуль: конспект
5. Крестики-Нолики: проект
6. Классы: конспект
7. Модули в ES6: конспект
8. Ресторан: проект
9. Принципы ООП: конспект
10. TODO: проект

Как в реальном мире

В рамках данного вектора мы рассмотрим более реальные приложения JavaScript и узнаем о нескольких полезных инструментах, которые широко используются в отрасли.

1. Линтинг: конспект
2. Динамическое взаимодействие с пользовательским интерфейсом: конспект
3. Формы: конспект
4. Webpack 2: конспект
5. ES?: конспект

Фреймворки

Кратко рассмотрим самые популярные фреймворки JavaScript.

1. Фронтент фреймвроки: конспект
2. Angular: конспект
3. React: конспект
4. Vue: конспект
5. Фреймворки: проект

Асинхронность и API

Рассмотрим, что такое API и как с ним работать. Параллельно разберемся с тем, что помогает незаметно от клиента работать с API - асинхронным выполнением задач в JavaScript.

1. JSON: конспект
2. Async: конспект
3. Работа с API: конспект
4. Async и Await: конспект
5. Погода: проект

Тестирование JavaScript

Разработка через тестирование (TTD) - занимает важное место в мире разработке. В этом разделе рассматриваются детали написания автоматизированных тестов JavaScript.

1. Основы тестирования: конспект
2. Тестирование: проект
3. Больше о тестировании: конспект
4. Морской бой: проект

JavaScript и Rails

Полноценное веб-приложение нуждается в бэкенде, чтобы соханять свои данные и выполнять необходимые операции. Здесь вы узнаете, как использовать AJAX для отправки данных и запросов к вашему бэкенду на Rails. Так же вы сможете поработать со внешними API, такими как Google Maps, что вы, вероятнее всего, будете делать довольно часто, работая над своими будущими проектами.

1. Ruby on Rails в качестве бэкенда: конспект
2. Где Уолли: проект

Заканчиваем с JavaScript

Вы изучили все, что вам необходимо, и осталось лишь применить ваши знания в достойной задаче. В этом разделе мы кратко расскажем о том, как тестировать Javascript при помощи Jasmine и затем предложим вам выполнить завершающий проект, в котором вы сможете продемонстрировать все полученные знания.

1. Финал: проект
2. Заключение: конспект

Помощь и поддержка проекта

Любой может помочь нам с развитием данного проекта. На текущий момент мы усердно работаем над контентом по JavaScript, Java, Python, Java и это занимает достаточно много времени, тем более, что делается это на бесплатной основе. Если вам хочется помочь нам, напишите на почту [email protected] или в telegram @vladthelittleone, наша команда введет вас в курс дела.

Чем вы можете помочь:

• исправить ошибки,
• проверить ссылки на ресурсы или добавить новые,
• добавить найденный в интернете полезный контент, открытый курс,
• добавить новые уроки, практические задания, тесты,
• перевести статью, курс,
• добавить конспект университетских лекций

License

Данный материал основан на TheOdinProject, созданном Erik Trautman.

Материал распространяется под Attribution-NonCommercial-ShareAlike 4.0 International.