
Обратите внимание, что к этому уроку прикреплена ссылка на скачивание кода для всех уроков в одном архиве. Вы можете скачать его просто открывать нужную папку для каждого урока
Установите необходимые утилиты:
Установите LTS (Latest) версию nodejs (https://nodejs.org/en/)
В терминале перейдите в корневую папку проекта
Вызовите команду npm init -y. Эта команда создаст файл package.json
Дальше установите необходимые пакеты командой
npm install eslint babel-eslint eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import
Добавьте файл с названием .eslintrc.js в корневую папку проекта. Файл найдете в прикрепленных ресурсах
Настройте плагин
Установите плагин для VSCode (https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
Перезагрузите VSCode
Теперь в редакторе будут подчеркиваться красным синтаксические ошибки в коде. Так же будут подчеркиваться те части кода, которые написаны не лучшим образом и могут привести к ошибкам
Чтобы убедиться, что все сработало, добавьте в проект файл example.js. Файл найдете в прикоепленных ресурсах
Настройка Git
Git - важнейший инструмент для разработчика. Он позволяет удобно хранить Ваш код
Пройдите обучение по ссылке https://githowto.com/ru. И используйте git уже сейчас
В примерах курса используется webpack версии v4.x.x
На момент просмотра последняя версия библиотек может отличаться от той, что в видео. Чтобы работа кода у Вас на компьютере не отличалась от видео, устанавливайте библиотеки с строго указанной версией
Сделать это можно с помощью символа @ названия пакета (например npm install -D webpack@4.41.2).
Версии библиотек, что используются в видео вы можете найти в прикрепленном файле package.json
В прикрепленных ресурсах вы найдете архив с файлами для второго задания первой лекции. Это код приложения Todo List. С ним вы будете работать в нескольких уроках
Для запуска приложения используйте LiveServer (https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - расширение для VS Code. Можете использовать и любой другой статический сервер
Сперва посмотрите видео полностью. После этого постарайтесь самостоятельно реализовать то, что в видео делает тренер. К видео обращайтесь только по необходимости.
Когда у вас локально будет реализован запрос за списком задач с помощью redux actions, приступайте к просмотру следующего видео.
Сперва посмотрите видео полностью. После этого постарайтесь самостоятельно реализовать то, что в видео делает тренер. К видео обращайтесь только по необходимости.
В этом курсе вы изучите современный JavaScript - самый популярный в мире язык программирование на данный момент. На JavaScript можно писать приложения для браузера (веб сайты), приложения для мобильных телефонов (iOS и Android). Кроме этого с помощью JavaScript можно запрограммировать микросхемы, создать блокчейн или делать машинное обучение. Но всему свое время ;)
ОБНОВЛЕНИЕ! (Октябрь 2021)
Добавлены дополнительные уроки и примеры по React Hooks
В начальном коде для React практики и в коде финального проекта по React обновлены версии библиотек до самых свежих. На видео версии могут отличаться. На работу примеров кода это не влияет.
В каждой лекции добавлены примеры кода, который рассматривается на видео. А так же в лекции по типам данных JavaScript прикреплен архив, где есть код для всех уроков удобно разложенный по папкам. Рекомендую писать код за лектором по видео самостоятельно! И лишь после этого сравнивать свое решение с готовым из архива. Повторяйте, запускайте код, пробуйте его менять, экспериментируйте! Так же проверяйте прикрепленные к лекции файлы на предмет стартового кода для решения задач. Прикреплен так же и финальный вариант задач (решенные задачи). Используйте их после того, как решили задачи сами для проверки. А так же иногда решение в прикрепленном архиве может отличаться от того, что было на видео. Изучайте, как код можно написать немного по-другому. Практикуйтесь!
Обратите так же внимание, что в названии некоторых уроков есть приставка [OPTIONAL] или [HARD]:
[OPTIONAL] означает, что урок не обязательный, если вы только начинаете изучение JavaScript. Эта тема полезна для более глубокого понимания языка, но на начальном этапе бедет сложной для понимания и может даже немного запутать. На практике такие знания пригодятся чуть реже. Такой урок можно пропустить или просмотреть, не пугаясь, что что-то не понятно
[HARD] означает, что тема важная для написания приложений на JavaScript, часто используется на практике. Такие темы пропускать не стоит. Постарайтесь разобраться, но, возможно, придется вернуться к этой теме несколько раз прежде, чем вы начнете хорошо в этом разбираться
темы без таких приставок обязательны для изучения и используются постоянно на практике. Начинающий разработчик должен их понимать. Но даже это не означает, что они супер легкие. Программирование - навык не простой, и придется потрудится, чтобы получить первую работу. Будете настойчивы - все обязательно получится!
Что главное:
вся необходимая теория
большое количество практики
напишем полноценные небольшие проекты
только актуальное и необходимое
Основа для всего - Core JavaScript (чистый JavaScript) - эму то мы и длим основное внимание. В этом курсе мы шаг за шагом пройдем от самых основ (типы данных и переменные) до продвинутых техник работы с данными и промисами.
Вторая часть курса посвящена изучению библиотек React и Redux. Именно они используются для написания сайтов и приложений, как Instagram, Facebook, Netflix и других. Тех, которыми мы с Вами пользуемся каждый день.
Хотелось бы, конечно, пропустить тот JavaScript и сразу погрузиться в React. Но нельзя научиться бегать, не умея ходить. Хорошая база в виде уверенного знания JavaScript - основа успеха. На собеседовании кандидат, который валит вопросы по JavaScript часто даже не доходит до вопросов по React и Redux.
JavaScript быстро развивается и сейчас новичку сложно сориентироваться во всех материалах фреймворка, что вылетают по запросу в google. Здесь я структурировал и на примерах рассказываю все необходимые темы. Этого будет достаточно, чтобы создавать качественные приложения. Не буду скрывать, что просто изучив теорию, работу получить сложно. Работодатели хотят практику и опыт. И имея качественный фундамент, набраться нужного опыта - дело техники (с экономией месяцев времени).
В курсе Вы получите всю необходимую теорию. Но что важнее, вся теория будет подкреплена большим количеством практических задач, которые мы с Вами будем рассматривать на лекциях. В курсе 90% - это практика. Мы будем писать много кода!
Что Вы изучите в этом курсе?
Как настроить рабочие инструменты Веб-разработчика
Основы JavaScrip - переменные, типы данных, циклы, операторы
Приемы и методы работы с объектами и массивами
Работа с DOM
Асинхронность и Промисы
Запросы на сервер. Ajax
Обработка ошибок в JavaScript
Сборка приложений
Babel
Webpack
Библиотека React
Создание, обновление и отрисовка компонентов
Работа с данными в React приложении
Тестироване - unit тесты
Библиотека redux
Actions, reducers, selectors - составляющие библиотеки
Работа с React
Буду рад помочь освоить непростую, но интересную и прибыльную профессию Веб-разработчика. Увидимся!