Catalog
Skilleton Image
Computer Technologies/Programming languages

JavaScript - Полное руководство для современной веб-разработки

0

 (0)

Not-avatar

Владилен Минин

Expert
0
Привет, меня зовут Владилен Я преподаю JavaScript и все что с ним связано уже более 3х лет. Я постоянно практикуюсь в разработке и всегда учу что-то новое Свои знания я транслирую из реальной практики. Все что рассказываю применимо в реальных проектах и вакансиях У меня более 7 лет опыта разработки и более 3х лет преподавания офлайн и онлайн. Есть более 3000 студентов, успешно закончившие мои курсы, которые стали профессионалами.

Course Preview

0.00 / 0.00
Normal/>
Speed
  • x 0.25
  • x 0.5
  • x 0.75
  • x Normal
  • x 1.25
  • x 1.5
  • x 1.75
  • x 2.0

Skills you will gain

HTML, CSS

Course description

Курс по Javascript для профессионалов и новичков

Course content

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

Урок 1. О курсе

3m

Урок 2. Что такое JavaScript

5m

Урок 3. Редакторы кода

10m

Урок 4. Выбор браузера

4m

Урок 5. Способ подключения в HTML

11m
Изучение начнется со старой версии языка - EcmaScript 5. А дальше осуществляется переход к самым последним нововведениям. В курсе рассмотрена именно эта версия, так как на текущий момент большое количество проектов еще написаны на старой версии и для их понимания необходимо понимать все аспекты языка.

Урок 1. Переменные

14m

Урок 2. Типы данных

13m

Урок 3. Базовые операции

11m

Урок 4. Приоритет операций

9m

Урок 5. Больше операторов

10m

Урок 6. Операторы сравнения

9m

Урок 7. Как работают логические операторы

8m

Урок 8. Условные операторы

17m

Урок 9. Тернарные операторы

6m

Урок 10. Оператор Switch Case

7m

Урок 11.1 Функции

14m

Урок 11.2 Задание. Ответ на задание

4m

Урок 12. Способы создания функций

5m

Урок 13. Строки

17m

Урок 14. Числа

13m

Урок 15. Массивы

11m

Урок 16. Объекты

9m

Урок 17. Циклы

13m
В данном блоке изучается взаимодействие с DOM-деревом. Разбирается, как получать доступ к DOM-элементам, как управлять состояниями элементов: менять свойства, контент, атрибуты и прочее. Рассматривается, как добавлять динамику веб страницам путем добавления событий на элементы. Далее говорится про свойства событий и способы их управления.

Урок 1. Что такое DOM

3m

Урок 2. Доступ к элементам

13m

Урок 3. Содержимое элементов

6m

Урок 4. Атрибуты

7m

Урок 5. Классы

8m

Урок 6. Добавление событий

17m

Урок 7. Всплытие и погружение

6m

Урок 8. Объект события

11m

Урок 9. Делегирование событий

12m
В данном блоке вы познакомитесь с некоторыми дополнительными возможностями, заложенными в JavaScript, которые не были освещены ранее, но крайне важны для дальнейшего прохождения курса. Вы узнаете про способы асинхронной загрузки скриптов, способы взаимодействия с пользователем и про некоторые глобальные объекты, позволяющие работать с данными: математические формулы, операции, работы с массивами. Далее вы узнаете про методы работы с датами и временем, способы работы с JSON-объектами и методы хранения данных локально в браузере пользователя.

Урок 1. Атрибут Async Defer

3m

Урок 2. Взаимодействие с пользователем

10m

Урок 3. Методы массивов

14m

Урок 4. Объект Math

3m

Урок 5. Объект JSON

2m

Урок 6. Дата и время с Date

9m

Урок 7. Хранение данных в localStorage

16m
Это первый практический блок из двух в данном курсе. В нем с нуля, применяя базовые знания, показано, как создать игру на JavaScript. Игра будет заключаться в том, что за выбранное вами время необходимо будет прокликать как можно больше случайно сгенерированных элементов разных размеров и цветов.

Урок 1. Введение

2m

Урок 2. Начало игры

6m

Урок 3. Создание квадрата

9m

Урок 4. Случайные значения

7m

Урок 5. Реализация таймера

7m

Урок 6. Вывод результата

8m

Урок 7. Завершение

8m

Урок 8. Задание «Случайный цвет»

5m
Данный блок является продвинутым, в нем рассматривается «сложная» теория JavaScript с углублением. Вы узнаете про то, что такое прототипирование, как оно работает в рамках языка и какие полезные функции можно делать. Вы узнаете про свойства объектов, как ими можно управлять. Узнаете про функции, как управлять передачей контекста и познакомитесь с таким понятием как замыкания.

Урок 1. Что такое объекты и прототипы

13m

Урок 2. Как работают прототипы

12m

Урок 3. Создание и настройка объектов

24m

Урок 4. Итерация ключей объекта

4m

Урок 5. Как работают замыкания

7m

Урок 6. Что такое контекст

11m

Урок 8. Задача: определить метод для всех массивов

7m

Урок 7. Привязка контекста

9m
Пройдя данный блок, вы познакомитесь с современным стандартом языка - EcmaScript 6. В данном блоке вы узнаете про все основные изменения, которые наиболее часто применяются в практике, такие как: переменные, стрелочные функции, объекты, новые операторы и удобные синтаксические изменения.

Урок 1. Переменные Let Const

12m

Урок 2. Стрелочные функции

13m

Урок 3. Параметры по умолчанию

5m

Урок 4. Объекты

7m

Урок 5. Операторы Rest и Spread

11m

Урок 6. Строки

7m

Урок 7. Классы и наследование

15m

Урок 8. Задача: написать свой плагин

28m
В данном блоке рассмотрено, как работать с асинхронными операциями в языке JavaScript. Вы узнаете про новые операторы Async Await и способы их применения для еще большего упрощения кода. После вы узнаете и научитесь более детальной работе с Promise.

Урок 1. Интервалы и таймеры

6m

Урок 2. Старый поход: Callbacks

10m

Урок 3. Как работает Promise

21m

Урок 4. Метод Fetch

17m

Урок 5. Операторы: Async Await

5m

Урок 6. Еще о Promise

11m

Урок 7. Задание: реализовать промисы

22m
Наиболее важный итоговый практический блок, в котором применяются все знания, полученные в данном курсе. Перед тем как его проходить стоит ознакомиться с двумя бонусными блоками по Webpack и основам NodeJS, так как в этом блоке создается приложение, используя самые передовые методы и инструменты разработки. В результате данного блока создается полноценное приложение на чистом JavaScript, которое по своей сути будет блогом.

Урок 1. Введение

3m

Урок 2. Начало работы

7m

Урок 3. Настройка WebPack

14m

Урок 4. Настройка Babel

8m

Урок 5. Создание первого компонента

17m

Урок 6. Компонент заголовок

2m

Урок 7. Создание навигации

8m

Урок 8. Работающие табы

11m

Урок 9. Создание формы

19m

Урок 10. Валидация формы

12m

Урок 11. Отображение ошибок валидации

14m

Урок 12. Сохранение записи в Firebase

15m

Урок 13. Получение данных с сервера

12m

Урок 16. Сохранение в избранное

14m

Урок 14. Вывод списка постов

9m

Урок 15. Добавление индикатора загрузки

4m

Урок 16. Сохранение в избранное

14m

Урок 17. Вывод списка избранного

22m

Урок 18. Обзор приложения и деплой на Firebase

11m

Урок 19. Исправление ошибок

5m

Урок 20. Задание

10m
Данный бонусный блок расскажет вам про некоторые полезные сторонние решения, которые также созданы на языке JavaScript и во многих аспектах упрощают работу с некоторыми функциями. Вы узнаете, как упростить работу с DOM, используя библиотеку Jquery, как работать с данными с библиотекой lodash, с датами и временем через moment js и axios для работы с сервером.

Урок 1. Работа с DOM: JQuery

14m

Урок 2. Работа с данными: Lodash

9m

Урок 3. Работа с датами: Moment

11m

Урок 4. Работа с сервером: Axios

5m
NodeJS – это платформа, которая позволяет писать на языке JavaScript в любом месте, а не только в браузере, и которая добавляет большое количество возможностей языку, такие как: работа с файлами, создание веб серверов и т.д. В результате данного курса вы увидите пошаговое создание приложения на NodeJS, которое будет показывать погоду в любом введенном городе планеты. В процессе создания приложения вы познакомитесь со всеми основными аспектами работы с NodeJS: модульность, NPM, работа с сервером и сторонним API (включая Async Await), создание своего веб-сервера на Express.js, использование языка шаблонизации Ejs, рендеринг веб-страниц, обработка Get и Post запросов и многое другое.

Урок 1. Что такое NodeJS

7m

Урок 2. Основы работы с NodeJS

10m

Урок 3. Что такое NPM

17m

Урок 4. Первый веб-сервер на Express

9m

Урок 5. Создание веб-страницы

10m

Урок 6. Обработка формы

7m

Урок 7. Получение API ключа

4m

Урок 8. Создание модуля

8m

Урок 9. Получение погоды

14m

Урок 10. Вывод данных

4m
Webpack – это технология, которая применима для веб-разработки, с помощью которой вы можете собирать весь ваш проект и максимально оптимизировать все составляющие. Вы одновременно можете получить возможность модульности для JavaScript файлов с ES6 синтаксисом, компилировать любой тип файлов, например TypeScript, CoffeScript, Sass, Less, Ecmascript6 и тд В данном курсе показано создание приложения, в котором будут показаны реализации всех базовых и часто используемых задач при современной веб разработке: модульность, компиляция препроцессоров, компиляция TypeScript, работа с React jsx, Babel, локальный сервер для разработки, работа с любым типом файлов и два режима сборки проекта.

Урок 1. Настройка и установка Webpack

14m

Урок 2. Модули и оптимизация сборки

12m

Урок 3. Плагины и создание HTML-файла

7m

Урок 4. Работа с библиотеками

7m

Урок 5. Работа со стилями

10m

Урок 6. Стили в отдельном файле

13m

Урок 7. Webpack Dev Server

4m

Урок 9. Компиляция Less

4m

Урок 10. Компиляция Sass

3m

Урок 11. Компиляция React JSX

8m

Урок 12. Компиляция TypeScript

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

Урок 1. Введение. Основы HTML

8m

Урок 2. Структура HTML-документа

13m

Урок 3. Теги форматирования текста

13m

Урок 4. Изображения

16m

Урок 5. Ссылки. Ссылки-изображения

17m

Урок 6. Списки

10m

Урок 7. Таблицы

18m

Урок 8. Формы

18m
Используя CSS свойства и их значения, можно назначать шрифт, размер текста и его начертания, указывать фоновые цвета либо изображения для блоков, назначать внешний вид границ элементов, их размеры и отступы, управлять видимостью блоков и их позиционированием, и многое-многое другое, что связано с оформлением внешнего вида страницы. В учебнике по основам CSS для начинающих подробно рассмотриваются необходимые для создания сайтов CSS-свойства. Изученных свойств вам будет вполне достаточно для создания сайтов практически любой сложности, и при этом количество свойств будет приемлемо для качественного усвоения и запоминания. В курсе предусмотрены задания для самостоятельного выполнения, что помогает лучше освоить CSS на практике.

Урок 1. Способы подключения

8m

Урок 2. Назначение классов и id

9m

Урок 3. Свойства шрифта

8m

Урок 3. Свойства шрифта

8m

Урок 4. Свойства текста

5m

Урок 5. Фон

9m

Урок 6. Ширина, высота. Теги Div и Span

10m

Урок 7. Рамка

6m

Урок 8. Отступы

6m

Урок 9. Основы CSS. Float, Clear, Display

10m

Урок 10. Основы CSS. Свойство position

15m
Курс будет полезен и тем, у кого уже есть знания по HTML, есть знания по CSS, но при верстке реальных макетов с нуля испытывают затруднения. Макет, верстка которого показана в курсе, имеет очень распространенную, двухколоночную структуру. Поэтому выполнив верстку данного макета и полностью разобравшись с ней, у вас больше не должно быть сложностей с версткой сайтов подобной структуры. В курсе шаг за шагом создается верстка: определяется разметка страницы, описывается она с помощью HTML, далее назначаются стили и оформляется внешний вид страницы. Тестируется и дорабатаеся верстка.

Урок 1. Определение разметки

14m

Урок 2. Описание разметки

10m

Урок 3. CSS шапки сайта

26m

Урок 4. CSS области контента

22m

Урок 5. Доработка верстки

11m
Что же появилось нового в HTML5? - Появились новые теги, которые делают разметку страницы, более структурированной и семантической: header, footer, article, nav, section, canvas... Появилась новая удобная возможность проигрывать на веб-страницах аудио. Добавилось очень много полезных возможностей по работе с формами. Используя новые формы HTML5, можно избежать многих проверок вводимых данных на JavaScript. Так же можно без использования JavaScript и подключения к сайту дополнительных библиотек вывести удобный календарь для выбора даты. Так же с приходом HTML5 стало возможно хранить некоторые данные на стороне клиента, используя localStorage (локальное хранилище).

Урок 3. Тег article

11m

Урок 4. Тег section

9m

Урок 5. Теги nav, main и aside

10m

Урок 6. Теги figure и figcaption

4m

Урок 6. Теги figure и figcaption

4m

Урок 7. Кроссбраузерное оформление HTML5-тегов

5m

Урок 8. Тег input. Новые типы тега в HTML5. Часть 1

14m

Урок 10. HTML5 video. Вставка видео на сайт

14m

Урок 11. HTML5 audio. Вставка аудио на сайт

5m

Requirements

Базовое понимание языков программирования
Skilleton Image

Beginner

26h 24m

Russian

?

Video lectures

Study materials