Курс JavaScript и CSS 3

6-часов материала по веб-разработке

🗝 Курс живет здесь

Кодим на Коленке | #JavaScript #CSS

Паттерн Адаптер в JavaScript. Продвинутый Frontend на реальных примерах

В этом видео мы рассмотрим Паттерн Адаптер (Adapter) в контексте JavaScript и Frontend разработки

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Паттерн Наблюдатель в JavaScript. Продвинутый Frontend на реальных примерах

В этом видео мы рассмотрим Паттерн Наблюдатель (Observer) в контексте JavaScript и Frontend разработки.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

JavaScript DOM с 0 до Профи. Полный курс + Практика

DOM — это представление HTML-документа в виде дерева объектов, с которым можно работать через JavaScript. В этом видео мы рассмотрим, что такое Document object model и как браузер создает DOM при загрузке страницы. Без DOM in javascript веб-страницы были бы статичны, а с его помощью мы можем динамически изменять контент.

🗝 Курс живет здесь

Кодим на Коленке | #JavaScript

Фишки и скрипты JS

Небольшая подборка фишек для JavaScript

🗝 Курс живет здесь

Кодим на Коленке | #JavaScript

5 типичных задач по JavaScript на собеседовании

В этом видео мы разберем 5 типичных задач по JavaScript, которые могут встретиться на собеседовании на фронтенд-разработчика!

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

5 сложных концепций Функций в JavaScript для собеседований

В этом видео мы разберем 5 сложных концепций Функций в JavaScript, которые спрашивают на собеседовании на фронтенд-разработчика!
—Колбеки (Callbacks)
—Замыкания (Closures)
—Чистые функции (Pure Functions)
—`this` в функциях
—Асинхронные функции (async/await)

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Я создал приложение на 10 разных JavaScript фреймворках. Какой лучше?

Ходит мнение, что каждый день во фронте появляется новый JS фреймворк и от части это правда. Я же собрал 9 самых актуальных инструментов в 2023 и сделал обзор на каждый, объяснив их основы.
В видео я написал одно и тоже приложение 10 разными способами и в меню этого ролика:
—React
—Vue
—Angular
—Svelte
—Solid
—Alpine
—Stencil
—Qwik (очень необычный фрейм)
—Lit

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

ВЕСЬ JavaScript в одном собеседовании. 200 вопросов + 70 задач за 2 часа

Это видео представляет собой структурированный разбор ключевых тем JavaScript, необходимых для успешного прохождения технического собеседования. Формат сочетает теоретические вопросы с практическим решением задач.

🗝 Курс живет здесь

Кодим на Коленке | #JavaScript

Практическое программирование на JavaScript для новичков и верстальщиков

Практический урок по языку программирования JavaScript. Научимся делать аккордеоны, табы, модальные окна на JavaScript. Работа с DOM элементами на странице, querySelector, nodeList, обход элементов, события по клику, addEventListener, события по клику, eventPropagation. Примеры кода и объяснения для новичков.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Практика JavaScript. Создаем плагин Select с нуля

Создаем на JavaScript свой плагин Select

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Учимся создавать REST API на Express.js v5

Хочешь быстро освоить Express.js и начать писать REST API с нуля? В этом видео мы вместе создадим первый сервер на Express, разберёмся с основами фреймворка и напишем полноценный мини-API с маршрутами для работы с задачами: GET, POST, PUT, DELETE.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Express Router для начинающих | Node.js REST API

В этом видео поговорим о том, как грамотно организовать маршруты в Express.js. Мы разберёмся с простыми и динамическими маршрутами, query-параметрами и научимся использовать express.Router() для разделения кода на модули. Это важный шаг, чтобы REST API стал масштабируемым и читаемым.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

CORS. Суть проблемы и ее решение

Когда вы работаете с AJAX-запросами в JS, периодически вы можете столкнуться с ошибкой CORS и ее конкретизацией вида "Запрос из постороннего источника заблокирован". Что это за ошибка, почему она возникает и как можно ее решить - вы и узнаете из данного видео.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

Загрузка файлов с библиотекой Dropzone

В данном цикле уроков мы реализуем задачу загрузки файлов, используя библиотеку Dropzone.js. Данная библиотека позволяет загружать файлы методом Drag&Drop, т.е. перетаскиванием. При этом загрузка происходит асинхронно, без необходимости отправлять файлы с формой. Кроме использования библиотеки мы также решим дополнительные задачи, например, сортировка и упорядочивание загруженных файлов, а также их сохранение в БД.

🗝 Курс живет здесь

Кодим на Коленке | #JavaScript

FullStack без боли: Next.js ➕ Supabase

Учимся работать с базой данных и аутентификаций через готовый BaaS (Backend as a Service) Supabase и дружим его с приложением на Next.js. Попутно используем новинки Next.js 16 и React 19 - серверные экшны, прокси, хуки useTransition, useOptimistic, useActionState и компонент Activity.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

SvelteKit на контрасте с Next.js - переписываем приложение

Разбираемся с мета-фреймворком SvelteKit на примере переписывания Next.js приложения. Смотрим как организуется роутинг, в том числе динамический, шаблоны страниц и ошибок, загрузка данных на сервере и статус загрузки на клиенте, а также добавление мета-данных для SEO.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

JAVASCRIPT События. Как Создавать Проекты Правильно и Эффективно

Что такое события в JavaScript — мощный инструмент, который делает ваши веб-приложения более интерактивными и отзывчивыми. Вы научитесь, как использовать события JavaScript для создания динамических пользовательских интерфейсов и взаимодействия с пользователем. Кроме того, мы научим вас правильно создавать сайт с нуля, следуя пошаговому процессу деятельности.

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript

JavaScript Date - самый странный класс! ЧТО С НИМ НЕ ТАК?

Почему месяцы начинаются с 0, как работают таймзоны, методы getTime vs valueOf и Полный разбор класса Date для начинающих

🗝 Урок живет здесь

Кодим на Коленке | #JavaScript