Узконаправленные курсы по Frontend
Для тех, кто определился с выбором профессии
89 уроков
Курс FrontEnd-разработчика
Изучите современную вёрстку и получите востребованную профессию
Зарплата от 40 000 ₽
117 уроков
Курс VUE-разработчик
Получи самую востребованную профессию - VUE-разработчик с Нуля до Профи
Зарплата от 70 000 ₽
156 уроков
Курс React-разработчика
Получи самую востребованную профессию - React-разработчик с Нуля до Профи
Зарплата от 80 000 ₽
179 уроков
Курс JavaScript-разработчик
Изучите самый популярный язык разработки и станьте высокооплачиваемым профи
Зарплата от 90 000 ₽
258 уроков
Курс FullStack-разработчик
Изучите самый популярный язык разработки и станьте высокооплачиваемым профи
Зарплата от 120 000 ₽
Подборка курсов по JavaScript
Для тех, кто хочет бесплатно попробовать себя в профессии: рекомендуем смотреть по списку
  1.
    Основы Git и GitHub
    10 уроков по GIT и GitHub
    Денис Астахов
    1. Что это и для чего нужен GIT
    2. Установка GIT на Linux
    3. Установка GIT на Windows
    4. Конфигурация .gitconfig
    5. Работа с Local Repository
    6. История изменений, .gitignore, и восстановление файлов
    7. Открытие бесплатного Аккаунта GitHub
    8. Загрузка проекта на GitHub - git push
    9. Hастройка логина в GitHub через SSH Key на Linux
    10. Hастройка логина в GitHub через SSH Key на Windows
    Смотреть онлайн
  2. Теоретический курс вопрос-ответ по FrontEnd
    Важные понятия, которые нужно знать каждому FrontEnd-разработчику
    Вадим Макеев
    1. Можно ли оборачивать ссылки блочные элементы?
    2. Сокращённые свойства CSS
    3. Можно ли вкладывать элемент section в footer?
    4. Как правильно вставлять SVG?
    5. Что такое БЭМ?
    6. Зачем нужны костомные свойства и как они работают?
    7. Зачем нужны заголовки?
    8. Кому нужны флексы?
    9. Как правильно понимать принцип прогрессивного улучшения?
    10. Как помогает фокус?
    11. Какая спецификация лучше: W3C или WHATWG?
    12. Как лучше прятать элементы?
    13. Что лучше: ресеты или нормалыйзы?
    14. Как правильно подгружать посторонние шрифты?
    15. Зачем нужны алгоритмы и паттерны?
    16. В чём разница между резиновой, отзывчивой и адаптивной вёрсткой?
    17. Манкипатчинг - это плохой или хорошо?
    18. Как правильно подключать Favicon?
    19. Нужна ли математика программисту?
    20. Отличие нейтив jаvascript и TypeScript?
    21. Что такое кроссбраузерная вёрстка?
    Смотреть онлайн
  3. JavaScript для начинающих (Часть 1)
    Теоретический курс по jаvascript
    Максим Иванов
    1. Что такое jаvascript?
    2. Что такое WEB-приложение
    3. Производительность JS-скриптов
    4. Процедурный стиль программирования
    5. Как установить Node.JS
    6. Условия и циклы в jаvascript
    7. Арифметические операции
    8. Объекты в JS
    Смотреть онлайн
  4. JavaScript для начинающих (Часть 2)
    Теоретический курс по jаvascript
    Максим Иванов
    1. Массивы в JS
    2. Переопределенные объекты
    3. Чистая установка Node.JS
    4. Анализатор кода - JsHint
    5. Работа со списком (массив)
    6. Наследование прототипов (классов)
    7. DOM и CSSOM
    8. Пользовательский математический объект
    Смотреть онлайн
  5. JavaScript на примерах: Практика
    JS на практике! 20 видеоуроков!
    Алексей Супрун
    1. Работаем с input
    2. Работа с select
    3. Пишем свой CSS генератор
    4. Выпадающее меню на JS
    5. Делаем вкладки (Tabs) на JS
    6. Всплывающие (модальные) окна
    7. Анимация в jаvascript
    8. Делаем слайдер на JS
    9. Как сделать Фильтрацию на сайте
    10. Делаем калькулятор на JS
    11. Как работать с API
    12. Модальные изображения
    13. Прогресс бар на JS
    14. Как сделать POP-UP окно
    15. Пишем Accordion на JS
    16. Как сделать Конвертер валют на JS
    17. To Do приложение на js
    18. Показать/Скрыть на JS
    19. Адаптивное меню на Js
    20. Snack bar блок
    Смотреть онлайн
  6. Что такое AJAX
    Мини-курс по работе с AJAX
    Гоша Дударь
    1. Что такое AJAX
    2. Какие функции оно выполняет AJAX
    3. Установка локального сервера
    4. Отправляем запрос на страницу
    5. WEB-форма и AJAX
    6. Что такое формат JSON
    Смотреть онлайн
  7. JQuery на примерах
    IDE в руки и вперёд! Простые примеры повседневных задач на JQuery
    Алексей Супрун
    1. Как сделать адаптивное меню?
    2. Подгрузка контента на JQuery
    3. Как сделать слайдер?
    4. Как сделать кнопку наверх
    5. Как сделать анимацию счетчика чисел
    6. To Do приложение на JQuery
    7. Scroll bar на JQuery
    8. Parallax эффект на сайте
    9. Простой аккордеон на JQuery
    10. Меняем фон страницы при прокрутке
    Смотреть онлайн
  8. Фреймворк VUE для разработки web-приложений на JavaScript
    Что такое VUE.JS и как создать своё web-приложение на JS
    Минин Владилен
    1. Введение
    2. Создание макета
    3. Вывод списка машин
    4. Детальное отображение машины
    5. Фильтрация и окно покупки
    6. Вывод логов действий пользователя
    7. Добавление анимации
    8. Открыть доступ
    Смотреть онлайн
  9. Разработка CRM-системы на VUE - уроки
    Создание CRM-системы на VUE с нуля
    Минин Владилен
    1. Вводный урок
    2. Генерация приложения
    3. Страницы и layouts
    4. Основной layout
    5. Создание фильтра даты и меню
    6. Валидация с Vuelidate
    7. Создание плагина сообщений
    8. Добавление Firebase
    9. Регистрация через Firebase
    10. Работа с API, валютами и компонентами
    11. Добавление категорий
    12. Редактирование категорий
    13. Добавление записей (через Firebase)
    14. Создание tooltip директивы
    15. Как защитить роуты
    16. Вывод таблицы записей
    17. Детальное отображение записи
    18. Пагинация на mixins
    19. График с vue-chartjs
    20. Динамическая локализация
    21. SEO + Деплой на Firebase
    Смотреть онлайн
  10. Основы современного JavaScript или ECMAScript 6
    Начните изучать современный JS
    Олег Поляков
    1. Знакомство с ES6
    2. Установка и настройка Babel.JS
    3. Использование let
    4. Использование const
    5. Оператор разворота
    6. Шаблонные строки
    7. Параметры функции
    8. Цикл For Of
    9. Объекты в ES6
    10. Классы
    11. Наследование
    12. Классы и наследование в ES5 и ES6
    13. Выражения классов
    14. Стрелочные функции
    15. Деструктивное присваивание массивов
    16. Деструктивное присваивание объектов
    17. Знакомство с обещаниями
    18. Создание обещаний (promises)
    19. Использование обещаний (promise)
    20. Символы (symbols)
    21. Итераторы (iterators)
    22. Знакомство с генераторами (generators)
    23. Создание генераторов (generators)
    Смотреть онлайн
  11. Babel JS из ES6 в стандарт ES5
    Всё об инструменте Babel.JS, который пригодится для VUE.JS и React.JS
    Олег Поляков
    1. Знакомство с Babel
    2. Установка Babel.JS
    3. Настройка конфигурации
    4. Опции
    5. Полифил
    6. ESNext
    7. JSX
    Смотреть онлайн
  12. React JS для начинающих
    Бесплатный React курс онлайн для новичков
    Олег Поляков
    1. Знакомство с React
    2. Средства для разработчика
    3. JSX
    4. Виртуальный DOM
    5. Компоненты
    6. Свойства
    7. Состояние
    8. Композиция
    9. Создание приложения при помощи create-react-app
    10. Компоненты высшего порядка
    11. Создание пользовательского интерфейса на React
    12. Обработка ошибок
    13. Порталы
    14. Отправка null в setState
    15. Возврат новых типов данных из компонента
    16. Фрагменты
    Смотреть онлайн
  13. Что такое Redux в примерах
    Мини-курс по знакомству с Redux
    KnowCity
    1. Что это и зачем?
    2. Подключаемся к Redux
    3. Структура приложения, combineReducers, контейнеры
    Смотреть онлайн
  14. Redux на практике
    Изучаем Redux React на практике
    Олег Поляков
    1. Для чего нужен Redux
    2. Reducer
    3. Actions
    4. Store
    5. Подписка
    6. Вступление
    7. Состояние
    8. Использование хранилища
    9. createStore
    10. Action Creators
    Смотреть онлайн
  15. Курс для React разработчика (Часть 1)
    Первая часть курса по React-практике
    Дмитрий ака Димыч
    1. Вступление
    2. Зачем нужен NodeJS
    3. Установка NodeJS
    4. Create-react-app
    5. SPA: single page application
    6. index.js, App, JSX
    7. Что такое Компонента
    8. import\export - теория
    9. import export наших компонент
    10. Default опасность плагин auto import
    11. Соц. сеть, шаг 1, вёрстка, grid
    12. Разбивка на компоненты
    13. Git-репозиторий
    14. Css-модули
    15. Структура папок, новые компоненты, улучшаем css
    16. Props - важнейшая тема
    17. React за час, часть 1
    18. Страница Dialogs
    19. Route, browser-router, маршрутизация
    20. NavLink
    21. Верстаем страницу Диалогов
    22. Route exact
    23. Props для Диалогов
    Смотреть онлайн
  16. Курс для React разработчика (Часть 2)
    Вторая часть курса по React-практике
    Дмитрий ака Димыч
    1. UI - BLL, выносим данные в сторону
    2. Метод массива - map
    3. Структура проекта
    4. Component vs render, прокидываем props через Route
    5. Выносим данные в index.js
    6. Упаковываем данные в state
    7. React за час, часть 2
    8. onclick, ref, VirtualDOM
    9. Прокидываем callback через props
    10. Добавление поста на стену
    11. FLUX-круговорот на каждый символ
    12. Callback, subscribe, observer
    13. ООП
    14. Store, state, ООП, рефакторинг
    15. Dispatch и action
    16. Action creator, action type
    17. Добавление Сообщения
    18. Reducer
    19. Redux
    20. Container component
    21. Context API
    22. Connect, mapStateToProps, mapDispatchTooProps
    23. Deep copy vs shallow copy
    Смотреть онлайн
  17. Курс для React разработчика (Часть 3)
    Третья часть курса по React-практике
    Дмитрий ака Димыч
    1. Делаем копию состояния в ProfileReducer
    2. Делаем копию состояния в DialogReducer
    3. Страница пользователей
    4. REST API (краткая теория)
    5. Users API
    6. Side Effect
    7. Классовый компонент
    8. Жизненный цикл, life cycle methods, componentDidMount
    9. Pagination, постраничный вывод пользователей
    10. Презентационная и Контейнерная компоненты
    11. Preloader, loader-gif, isFetching indication
    12. mapDispatchToProps лайф-хак
    13. Profile page, ajax, api
    14. withRouter, props.match.params
    15. Cookie, login в теории, auth/me
    16. Практика, follow-unfollow api
    17. Практика, DAL, axios.create
    18. Практика, button disabled (follow\unfollow)
    19. Урок redux-thunk в деталях (теория)
    20. Урок redux-thunk в деталях
    21. Redux-thunk 2 в деталях
    22. Redirect
    23. High Order Component
    Смотреть онлайн
  18. Курс для React разработчика (Часть 4)
    Четвёртая часть курса по React-практике
    Дмитрий ака Димыч
    1. Функция compose
    2. setState, local state
    3. Обновляем create-react-app
    4. http put, local state
    5. componentDidUpdate
    6. Redux-form введение (login)
    7. Redux-form базовые вещи
    8. Redux-form field validation (валидация, ошибки)
    9. login и logout api
    10. stopSubmit (redux-form)
    11. Инициализация приложения
    12. Селекторы
    13. mapStateToProps (2 часть)
    14. Подключаем reselect
    15. hook, useState, хуки
    16. hook, useEffect, хуки
    17. Virtual DOM
    18. shouldComponentUpdate, PureComponent, memo - React JS
    19. pure function
    20. Тесты, jest, tdd, тестируем reducer
    Смотреть онлайн
10 видео
Основы Git и GitHub
10 уроков по GIT и GitHubДенис Астахов
21 видео
Теоретический курс вопрос-ответ по FrontEnd
Важные понятия, которые нужно знать каждому FrontEnd-разработчикуВадим Макеев
8 видео
JavaScript для начинающих (Часть 1)
Теоретический курс по jаvascriptМаксим Иванов
8 видео
JavaScript для начинающих (Часть 2)
Теоретический курс по jаvascriptМаксим Иванов
20 видео
JavaScript на примерах: Практика
JS на практике! 20 видеоуроков!Алексей Супрун
6 видео
Что такое AJAX
Мини-курс по работе с AJAXГоша Дударь
10 видео
JQuery на примерах
IDE в руки и вперёд! Простые примеры повседневных задач на JQueryАлексей Супрун
7 видео
Фреймворк VUE для разработки web-приложений на JavaScript
Что такое VUE.JS и как создать своё web-приложение на JSМинин Владилен
21 видео
Разработка CRM-системы на VUE - уроки
Создание CRM-системы на VUE с нуляМинин Владилен
23 видео
Основы современного JavaScript или ECMAScript 6
Начните изучать современный JSОлег Поляков
Template not found: /templates/theory/navigation.tpl