📀 [Udemy] Современный JavaScript с нуля на реальных проектах (2019)

1. В первой части вас ждет знакомство с фундаментальными основами JavaScript, 16 презентаций, в каждой по несколько заданий.
2. Во второй части вас ждет знакомство с DOM, событиями, CSS variables, написание первого проекта, 4 презентации и несколько домашних заданий.
3. В третьей части мы будем знакомиться с асинхронным JavaScript, Event loop, AJAX, JSON и напишем второй проект.
4. В четвертой части мы продолжим изучать асинхронный JavaScript, познакомимся с Promises и async/await.
5. В пятой части мы познакомимся с основами ООП, прототипами, классами ES6 и наследованием.
6. В шестой части мы познакомимся с модулями и webpack
7. В седьмой бонусной части будут видео с разбором задач, которые спрашивают на собеседовании а также видео о том как начать работать на фрилансе.

#JavaScript #JS

📀 [Владилен Минин] React JS 2020. С Нуля до Профессионала (2020)

Основная часть курса включает 108 уроков общей продолжительностью 16 часов. И это без учета бонусов, в которых содержится ВСЯ необходимая теоретическая база для овладения React.js с полного нуля (включая основы JavaScript)! При правильном использовании инструкций и приемов из курса, вы на наглядных примерах с полного нуля научитесь создавать динамические, реактивные, полностью адаптивные SPA-приложения и веб-сайты на библиотеке React.js.

#React #JS

📀 Исмаил Усеинов - jQuery для начинающих (2021)

В этом видео курсе вы изучите основы библиотеки jQuery. Продолжительность курса около 3.5 часов. В курсе для вас подготовлено 37 видео уроков. Обязательно изучите все дополнительные текстовые материалы прикрепленные к урокам.

Курс состоит из 4 глав, в которых вы научитесь работать с DOM деревом. Узнаете как создавать, удалять, клонировать элементы, добавлять новые элементы на страницу, управлять атрибутами и классами HTML элементов. Вы сможете скачать тестовый стенд в первом уроке и практиковаться на нем до самого последнего, благодаря этому вы лучше усвоите весь материал.

#jQuery #js

📀 [Stepik, Илья Фофанов] React - Полное руководство (2023)

Данный курс предназначен для тех, кто много слышал о библиотеке React, но при этом ни разу полноценно не пробовал поработать с ней. Обучение построено вокруг небольшого учебного проекта, который вы начнете разрабатывать практически с первых лекций. Таким образом, по мере разработки вы будете гармонично подходить к каждой следующей теме, изучая ее применительно к тому, над чем работаете. Это позволит избежать набора не сильно связанных между собой тем, которые разобраны на изолированных друг от друга примерах.

Вы изучите все основные современные технологии библиотеки React, а также две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit. Курс даётся сразу с точки зрения функциональных компонентов, но при этом есть лекции с разбором компонентов на основе классов. Для комфортного прохождения курса вам необходимы базовые знания HTML + CSS + JS.

#react #js

📀 Основы React, React Router и Redux Toolkit (2023)

Чему вы научитесь?

🔸Знать как работет React под капотом
🔸Использовать React Hooks
🔸Писать свои хуки
🔸Работать с контекстом
🔸Использовать React с TypeScript
🔸Делать запросы к API
🔸Обрабатывать загрузки и ошибки
🔸Работать с Redux Toolkit
🔸Использовать React Router
🔸Работать с asyncThunk

#react #js #redux

📀 Полный курс по JavaScript - с нуля до результата

Узнаешь основы программирования и алгоритмов
Узнаешь основные концепции и принципы JavaScript, от самых простых до самых сложных
Изучишь такие популярные технологии как AJAX, JSON и тд
Научишься работать с Git и GitHub
Научишься работать с npm, Babel, Browserify, Webpack и тд
Узнаешь, какой фрэймворк или библиотеку выбрать в дальнейшем. Познакомишься с React, Angular, Vue, Jquery
Бонус. Узнаешь основные концепции и напишешь свое приложение на React
Закрепишь всё, что узнал на реальных проектах

#javascript #js

🖥 Реальный проект на JavaScript Викторина, quiz, квиз, опросник

Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.

00:00 Демо проекта
00:52 Курс по JavaScript
02:01 Блок схема проекта
11:41 Основы по JS
12:12 Знакомство с версткой проекта
16:32 Начинаем писать JS код
23:20 Отображение вопроса. Функция showQuestion
35:55 Отображение вариантов ответов.
42:21 Проверка ответа пользователя. Функция checkAnswer
48:29 Проверка на ответ пользователя
51:25 Получение варианта ответа пользователя
53:10 Доработка шаблона с ответами. Функция showQuestion
01:02:20 Получение ответа пользователя внутри checkAnswer
01:05:15 Проверка верности ответа пользователя
01:09:34 Проверка на количество вопросов
01:15:55 Результаты викторины. Функция showResults

➡️ Стартовый шаблон

#javascript #js

🖥 JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина

Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования JavaScript от веб-разработчика.

00:00 Знакомство с проектом
03:00 Начинаем работу. Знакомство с версткой проекта
05:03 Счетчик для одного товара на JS
28:10 Счетчики для всех товаров на JS

46:59 Добавление товара в корзину
01:07:14 Суммирование одинаковых товаров в корзине
01:18:49 Удаление товара из корзины. JavaScript
01:29:32 Скрытие надписи "Корзина пуста"
01:45:33 Показ блока "Оформить заказ"
01:48:07 Подсчет стоимости товаров в корзине
02:10:30 Блок "доставка"

02:20:16 Примечание и информация о Интенсиве JS MVC
02:22:20 Бонус. Работа с JSON на JavaScript
02:37:59 Курс по JavaScript frontend разработке

➡️ Стартовый шаблон урока
➡️ Готовый код с урока

#javascript #js

🖥 Проект на JavaScript Приложение список задач ToDo

Пишем ToDo приложение на чистом JavaScript. Подробный урок для начинающих.

✅ Работа с DOM
✅ Отслеживание событий
✅ Отображение элементов на странице
✅ Работа с localStorage

Тайм коды:

00:00 Обзор проекта
02:03 Старт работы над проектом
04:42 Добавление задач
17:26 Очистка поля ввода и фокус
19:07 Блок "Список дел пуст"
22:48 Рефакторинг
25:37 Удаление задач
34:21 Блок "Список дел пуст"
36:27 Отмечаем выполненные задачи
45:02 Рефакторинг
50:40 Сохранение разметки в localStorage
1:00:08 Работа с данными
1:03:15 Данные. Добавление задач
1:12:31 Данные. Удаление задач
1:22:04 Данные. Удаление задач через фильтр массива
1:27:07 Данные. Статус done
1:32:38 Данные. Блок "Список дел пуст"
1:41:38 Данные. Сохранение массива с задачами в localStorage
1:52:58 Рефакторинг. Функция renderTask
1:58:01 Публикация проекта на GitHub pages

➡️ Стартовый шаблон проекта
➡️ Финал

#javascript #js

📀 Node.js. Базовый курс - от основ до простых realtime коммуникаций (2023)

Разобраться с основами Node, научиться строить backend системы с простой и адекватной архитектурой, а также познакомиться с realtime-взаимодействием на основе socket.io

Для продуктивного участия в курсе необходимы знания javascript.

👀 Смотри онлайн:

➡️ node-1
➡️ node-2
➡️ node-3
➡️ node-hw1-intro
➡️ node-hw2-intro
📙 node-lesson1-src.zip
📙 node-lesson2-src.zip
📙 node-lessson3-src.zip

#nodejs #js

➡️ ПОЛНЫЙ АРХИВ КУРСА

📀 [Udemy] Исмаил Усеинов - Супер JavaScript

Курс состоит из 65 занятий, которые объединены в 4 главы, где будет рассмотрено 114 практических примера. Длительность курса составляет 20 часов.
Супер JavaScript — практический видеокурс: в каждой главе теоретический материал будет закрепляться множеством наглядных примеров кода.
В этом курсе мы будем изучать язык JavaScript. Научимся работать с элементами HTML страницы, обрабатывать события на языке JavaScript. Рассмотрим способы создания анимации, работу с регулярными выражениями и современными популярными библиотеками написанными на чистом JavaScript без каких либо зависимостей от сторонних библиотек или фреймворков.

#js #javascript

👀 Смотри онлайн:

🔥 var, let, const: Объявление переменных в JS

– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?
– Почему всегда, когда есть возможность, лучше использовать CONST вместо LET?
– Какие ошибки допускают начинающие разработчики в работе с переменными?

* ТАЙМ-КОДЫ:
00:00 Это необычное видео про var, let, const
00:23 Бонус в конце видео
00:38 Вступление
00:55 Что такое область видимости в JS
01:09 Виды области видимости
01:19 Глобальная область видимости в JS
01:31 Функциональная область видимости в JS
01:46 Блочная область видимости в JS
03:11 Недостатки var
07:05 Поднятие (всплытие) в JavaScript
11:03 Отличия LET и CONST от VAR
17:00 Отличия LET и CONST
18:52 Чем CONST лучше LET?
19:43 Бонус 1: факт про VAR
22:07 Бонус 2: Временная мертвая зона в JS (TDZ)
25:45 Заключение

#js

📀 [Д. Безуглый, А. Резник, А. Стамбульцян и др.] Frontend уровня топовых компаний. Часть 1 из 5 (2022)

Мы готовим сильных специалистов для крупных международных компаний, где делают сложные продукты в команде крутых специалистов.

Обычный frontend-разработчик решает типовые задачи, но если копнуть глубже, сразу теряется. Нехватка фундаментальных знаний мешает подниматься по карьерной лестнице и проходить собеседования в крутые команды.
Сильный frontend-разработчик чётко понимает как работает веб, умеет глубоко копать, выбирать между идеальным и быстрым решением. Уверенно общается с backend, QA и DevOps специалистами, и по сути может сделать их базовую работу самостоятельно.

Вам предстоит с нуля создать новостную ленту, начав со страниц на HTML и CSS. Решая реальные задачи бизнеса, вы будете постепенно добавлять в проект новые технологии и разбираться в том, как они работают и какие проблемы решают.

#frontend #js

👀 Смотри онлайн:

📀 Electron - разработка настольных приложений на JavaScript

Чему вы научитесь
🔸Создавать кросс-платформенные десктопные приложения для MacOS, Windows и Linux
🔸Изучите Electron API, используя который можно создавать современные приложения
🔸Использовать функции платформы, такие как TouchID
🔸Паковать и распространять приложения для разных операционных систем

Теперь вам не нужно изучать C++, C#, Objective C или Swift, чтобы создавать нативные настольные приложения!

Electron - это фреймворк, разработанный в GitHub, для создания нативных десктопных приложений, используя веб-технологии, такие как JavaScript, HTML и CSS. Он берет на себя все сложности создания десктопных приложений, так что вы можете сосредоточиться на работе над самим приложением.

#electron #js

🖥 ФУНКЦИИ в JavaScript НА ПРАКТИКЕ | виды функций, стрелочные функции, параметры, аргументы, return

00:00 Что будет в видео
00:36 Что такое функция простыми словами
01:33 Пасхалочка
02:50 Объявление функции (Function declaration)
04:36 return в функциях
06:04 Параметры функции
07:27 Практический пример функции
10:20 Чем отличаются параметры и аргументы
11:10 Ультра-практический пример функции: создаём HTML элементы
14:40 Обязательные и опциональные параметры функций
16:02 Как задать значения параметра функции по умолчанию
17:02 Переменная arguments в функции
20:35 Функциональное выражение (Function expression)
22:45 Стрелочные функции
23:40 Отличия стрелочных функций от обычных
26:18 Пример стрелочной функции
31:09 Продолжение ролика, this
31:20 Заключение

#js

🖥 Полный разбор THIS в JavaScript за 26 минут | this в стрелочных функциях, call bind apply, Window

Полный гайд по this в JS.

Из него вы узнаете про:
🔸 this в глобальной области видимости (объекты Window и Global)
🔸 this в обычных функциях
🔸 this в функциях-конструкторах
🔸 особенности this в стрелочных функциях
🔸 this в forEach и setTimeout
и многое другое – с объяснением и примерами.

00:00 Интро
01:09 Что такое this в js
01:41 this в глобальном контексте
02:14 Что такое объект Window в js
04:09 this в функциях js
04:28 this в обычных функциях
05:58 Что такое Global в js
06:31 this и use strict
07:07 this в методе объекта
09:28 call, apply: вызов с привязкой контекста
11:28 Отличие call и apply
12:03 Что такое bind в js
13:04 this в функциях-конструкторах
16:09 this в стрелочных функциях
17:53 Пример: this и forEach
20:42 Пример: this в setTimeout
24:11 Почему стрелочные функции нельзя использовать с new
25:02 Задача с собеседования по this и конспекты
25:47 БОНУС

#js

🖥 ЗАМЫКАНИЯ В JS за 15 минут: ОТ и ДО | Что такое лексическое окружение и как связано с замыканием?

Посмотрев видео до конца, вы узнаете:
🔸 Что такое лексическое окружение
🔸 Что такое замыкание простыми словами
🔸 Как замыкания связаны с лексическим окружением
🔸 Задачи на замыкания на собеседовании: примеры и как правильно их решать.

00:00 Вступление
00:05 Мой опыт
00:41 Что такое лексическое окружение в JS
03:16 Что такое замыкания в JS
05:54 Задача на замыкания 1
10:03 Задача на замыкания 2 (посложнее)
13:34 Дополнительный вопрос по задаче 2
14:17 Заключение

#js

📀 [Михаил Непомнящий] Тестирование JavaScript и React приложений (2024)

Выгода от написания тестов

Тесты доказывают, что код на самом деле работает
Статический анализ качества приложения
Безопасность рефакторинга
Снижение процента багов
Дополнительная документация функциональности

В рамках курса мы изучим тестовые фреймворки Jest и Testing Library, каждая из которых является действующим стандартом на рынке тестовых инструментов.

Мы пошагово разберемся как настроить инструменты тестирования, подружить их с линтерами, npm скриптами и редактором кода. Ну и, конечно, разберем массу особенностей при создании тестов для JavaScript и React приложений.

#javascript #js #react #jest

👀 Смотри онлайн:

📀 JavaScript - Путь Самурая

➡️ 01 Что такое программа- UI- данные
➡️ 02 Браузер- первая программа- тренажёр изучения иностранного языка
➡️ 03 Установка VS code- редактора кода
➡️ 04 Примитивные типы данных- теория
➡️ 05 Переменные- память- данные
➡️ 06 Сложная программа- if else- проценты- счётчик
➡️ 07 Первые шаги к отладке программы- DEBUG
➡️ 08 Prompt- document write- console log
➡️ 09 Ветвление программы- условные конструкции. If else- isNaN
➡️ 10 Математика для программиста- часть 1
➡️ 11 Объекты
➡️ 12 Массив- array
➡️ 13 Цикл for- подробно с нуля
➡️ 14 Functions- функции- основы

#js

📀 [Udemy] Руководство по WordPress FSE (Gutenberg - JavaScript - React) (2023)

Этот курс нацелен на понимание и применение возможностей Full Site Editing (FSE) в WordPress с использованием Gutenberg, JavaScript и React.

Студенты этого курса получат глубокие знания о том, как использовать Gutenberg для создания кастомных блоков, а также о внедрении JavaScript и React для разработки динамичных и интерактивных элементов на сайте. Курс охватывает широкий спектр тем, начиная от основ работы с Gutenberg и FSE в WordPress до более продвинутых методов работы с JavaScript и React для создания пользовательского интерфейса на сайте.

Программа курса включает в себя следующие ключевые темы:
Основы работы с Gutenberg в WordPress.
Создание кастомных блоков для редактирования сайта через FSE.
Использование JavaScript для улучшения функциональности блоков.

#wordpress #js #react #gutenberg

👀 Смотри онлайн: