Frontend разработчик. Страница 12

JavaScript для начинающих 2022. Полный курс за 6 часов. Уроки. Теория + практика

Большой курс урок по JavaScript для новичков. Все что нужно для старта в 2022 году для работы с JavaScript. ↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓ Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2022 года. Стартовый код к уроку: https://webcademy.ru/blog/867/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "JS Frontend разработчик + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 12 Декабря 2022 года 💻 Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 19 Декабря 2022 года 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс по верстке сайтов: https://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: https://webcademy.ru/​ Вконтакте: https://vk.com/webcademy​ Telegram канал: https://t.me/webcademynews​ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды и код к уроку :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Код к уроку: https://webcademy.ru/blog/867/ 00:00 Введение и содержание 02:24 Настройка окружения 04:55 Подключение JS файла Основы 09:28 Переменные 13:00 Типы переменных let const var 20:15 Область видимости 23:41 Типы данных. Строки, числа, логические, BigInt, Symbol 38:30 Условия, операторы сравнения, логические операторы 47:50 Тернарный оператор 54:56 Конкатенация строк и шаблонные строки Функции 1:00:36 Создание функций 1:04:02 Function expression и function declaration 1:12:41 Параметры и аргументы для функции 1:16:17 return 1:22:05 Функция как аргумент 1:31:30 Самовызывающаяся функция IIFE 1:39:22 Стрелочные функции Массивы 1:48:16 Определение массивов 1:57:38 Методы массивов 2:06:44 Цикл for. Обход массива циклом for 2:18:37 Цикл for ( of ). Обход массива циклом for ( of ) 2:21:20 Метод .forEach() для обхода массивов Объекты 2:29:42 Объекты. Свойства объектов 2:39:00 Методы в объектах 2:42:50 Ключевое слово this 2:46:33 Обход свойств объекта через цикл for ( in ) 2:50:17 Нюанс с const и изменением объекта или массива 2:52:43 Классы. Конструкторы объектов 3:02:30 Лайфхак работы с VS Code Работа с DOM 3:04:30 Выбор DOM элементов 3:12:20 Выбор коллекции элементов 3:20:50 ES5 методы для выбора элементов 3:23:27 Работа с CSS классами 3:32:10 Атрибуты 3:42:07 Прослушка событий. Клик. addEventListener и onclick 3:49:53 Прослушка событий. Ввод текста 3:57:37 Объект event 4:03:21 Работа c HTML элементами. Создание. Копирование. 4:16:05 Список задач на JS [практика] Асинхронность 4:40:51 Интервал setInterval. clearInterval 4:43:33 Таймер setTimeout 4:48:20 Секундомер [практика] Внимание! Дальнейшие темы будут сложны для понимания. Здесь как в математике, доказание теоремы всегда сложнее чем ее использование. Поэтому можно вначале ознакомиться с примером на 6:28:10 и уже после перейти к изучению "мат части". 5:03:45 Callback hell 5:11:09 Callback hell. Пример с отпуском. [осторожно, взрыв мозга!] 5:29:32 Callback hell. Итоги 5:33:22 Promise. Создание и потребление промисов 5:41:44 Promise. Цепочки then 5:43:44 Promise. Цепочки then c асинхронными действиями [осторожно, взрыв мозга!] 5:53:00 Promise. Пример с отпуском 6:11:33 Асинхронные функции 6:19:09 Асинхронные функции. Пример с отпуском 6:28:10 Курс валют [практика] 6:45:00 Важная информация

The Front-End Developer's Guide to the Terminal

If you want to learn a modern JavaScript framework like React or Angular, you better be familiar with the terminal! So many frameworks and tools assume that you're proficient with it, without ever explaining it. This blog post is your missing manual, covering all of the most important fundamentals.