Основы JavaScript для верстальщиков
Часть 1. Необходимые основы.
- Что такое переменные, var, let, const
- Функции. Чем отличается function expression от function declaration
- Массивы, циклы. Как обойти массив циклом или методом forEach()
- Объекты, свойства и методы объектов.
Часть 2. Основы JS. Практика.
- Аккордеон на JS
- Табы на JavaScript
- Модальные окна на JS
- Универсальный код для нескольких модальных окон на JS
Статистика ВК сообщества "HTML5 , JavaScript(jQuery) , CSS3"
https://t.me/htmlcssjavas - наш телеграм канал
Количество постов 5 958
Частота постов 4 часа 52 минуты
ER
25.08
Нет на рекламных биржах
Графики роста подписчиков
Лучшие посты
Изучение JavaScript с Нуля до Профи
JavaScript - 1 Введение. Основные моменты.
JavaScript - 2 Подключение JS к HTML документу
JavaScript - 3 Переменные и Типы данных
JavaScript - 4 Математические операции
JavaScript - 5 Логические операции
JavaScript - 6 Prompt, Alert, Confirm
JavaScript - 7 Условные операторы IF и ?
JavaScript - 8 Логические операторы И, ИЛИ, НЕ
JavaScript - 9 Циклы while, for, switch
JavaScript - 10 Функции. Объявление, вызов, передача параметров, возврат значений
JavaScript - 1 Введение. Основные моменты.
JavaScript - 2 Подключение JS к HTML документу
JavaScript - 3 Переменные и Типы данных
JavaScript - 4 Математические операции
JavaScript - 5 Логические операции
JavaScript - 6 Prompt, Alert, Confirm
JavaScript - 7 Условные операторы IF и ?
JavaScript - 8 Логические операторы И, ИЛИ, НЕ
JavaScript - 9 Циклы while, for, switch
JavaScript - 10 Функции. Объявление, вызов, передача параметров, возврат значений
Верстаем интернет-магазин одежды. Макет в Figma
⠀
Серия из 4-х стримов по верстке главной страницы интернет-магазина на чистом HTML и CSS. С пошаговым и подробным объяснением для начинающих.
⠀
1⃣ Шапка сайта, навигация
2⃣ Раздел товаров, секция рекламы
3⃣ Блог, подписка, футер
4⃣ Мобильная адаптация
⠀
Ссылка на макет в описании под видео
⠀
Серия из 4-х стримов по верстке главной страницы интернет-магазина на чистом HTML и CSS. С пошаговым и подробным объяснением для начинающих.
⠀
1⃣ Шапка сайта, навигация
2⃣ Раздел товаров, секция рекламы
3⃣ Блог, подписка, футер
4⃣ Мобильная адаптация
⠀
Ссылка на макет в описании под видео
Всем привет!
Это коллекция видео-курсов для того что бы начать свой путь в веб-разработке, в наступившем 2022 году. Все темы хорошо структурированы, разбираются максимально подробно и понятным языком!
Список уроков:
- Основы HTML
- Основы CSS
- CSS Flexbox
- CSS Grid
- JavaScript паттерны
- ECMAScript 2015
- ECMAScript 2016-2019
- TypeScript
- GraphQL
Это коллекция видео-курсов для того что бы начать свой путь в веб-разработке, в наступившем 2022 году. Все темы хорошо структурированы, разбираются максимально подробно и понятным языком!
Список уроков:
- Основы HTML
- Основы CSS
- CSS Flexbox
- CSS Grid
- JavaScript паттерны
- ECMAScript 2015
- ECMAScript 2016-2019
- TypeScript
- GraphQL
Уроки CSS
Анимации css. Все про анимации css
Фильтры css почти как в instagram
5 Новых CSS свойств о которых вы не знаете.Will-change, Contain.
Медиа запросы основы. Как сделать адаптивный сайт
Grid Layout пример адаптивная верстка сайта
Препроцессор SASS больше не нужен
В чем разница адаптивный и отзывчивый дизайн сайта
Как сделать адаптивное меню на jQuery
Как сделать адаптивное меню с Flexbox и jQuery
Валидация формы на чистом Html и Css
#video #css #frontend
Анимации css. Все про анимации css
Фильтры css почти как в instagram
5 Новых CSS свойств о которых вы не знаете.Will-change, Contain.
Медиа запросы основы. Как сделать адаптивный сайт
Grid Layout пример адаптивная верстка сайта
Препроцессор SASS больше не нужен
В чем разница адаптивный и отзывчивый дизайн сайта
Как сделать адаптивное меню на jQuery
Как сделать адаптивное меню с Flexbox и jQuery
Валидация формы на чистом Html и Css
#video #css #frontend
Сложный JavaScript простым языком
Урок 1. Что такое prototype
Урок 2. Что такое контекст. Как работает call, bind, apply
Урок 3. Что такое замыкания. Как они работают (+ примеры)
Урок 4. Асинхронность. Event Loop. SetTimeout 0
Урок 5. Promise. Что это, как работает
Урок 6. Объекты с !1! (+ getters, setters)
Урок 7. Все о ES6 Классах (+ Практическое Применение)
Урок 8. Все о Async, Await. Работа с сервером c fetch
Урок 9. Proxy. Объекты, функции, классы
Урок 10. Proxy. Примеры. Часть 2
Урок 1. Что такое prototype
Урок 2. Что такое контекст. Как работает call, bind, apply
Урок 3. Что такое замыкания. Как они работают (+ примеры)
Урок 4. Асинхронность. Event Loop. SetTimeout 0
Урок 5. Promise. Что это, как работает
Урок 6. Объекты с !1! (+ getters, setters)
Урок 7. Все о ES6 Классах (+ Практическое Применение)
Урок 8. Все о Async, Await. Работа с сервером c fetch
Урок 9. Proxy. Объекты, функции, классы
Урок 10. Proxy. Примеры. Часть 2
CSS эффекты и возможности
1) Кнопки при наведении
2) Стилизация radio кнопок
3) Страница ошибки 404
4) Анимирование checkbox
5) Форма авторизации
6) Стилизация select
7) Адаптивный слайдер на CSS
8) Кнопка с hover эффектом с использованием HTML CSS
9) Кнопки социальных сетей с hover эффектом, градиентом и анимацией на HTML и CSS
10) Темная и светлая тема с переключателем на CSS и jQuery
#video #css
1) Кнопки при наведении
2) Стилизация radio кнопок
3) Страница ошибки 404
4) Анимирование checkbox
5) Форма авторизации
6) Стилизация select
7) Адаптивный слайдер на CSS
8) Кнопка с hover эффектом с использованием HTML CSS
9) Кнопки социальных сетей с hover эффектом, градиентом и анимацией на HTML и CSS
10) Темная и светлая тема с переключателем на CSS и jQuery
#video #css
Изучение Git для новичков
#1 - Что такое Git, установка и настройка
#2 - Добавление файлов в репозиторий
#3 - Отмена действий. Возвращение к старым версиям
#4 - Работа с ветками. Объединение веток
#5 - Введение в GitHub. Работа с удаленным репозиторием
#Git
#1 - Что такое Git, установка и настройка
#2 - Добавление файлов в репозиторий
#3 - Отмена действий. Возвращение к старым версиям
#4 - Работа с ветками. Объединение веток
#5 - Введение в GitHub. Работа с удаленным репозиторием
#Git
Обучение SQL
1. Простые запросы SQL (INSERT, SELECT, UPDATE, DELETE)
2. Урок по SQL ALTER TABLE, Псевдонимы SQL
3. Строчные функции SQL, lower, Upper, Concat и другие
4. Ключевые слова в SQL, BETWEET, LIKE и другие
5. Работа с SQL: создание таблиц, ключей и JOIN-запросы
6. Работа с SQL IN и SQL NOT IN
7. Работа с SQL JOIN (NATURAL JOIN, LEFT and RIGHT JOIN)
#video #sql
1. Простые запросы SQL (INSERT, SELECT, UPDATE, DELETE)
2. Урок по SQL ALTER TABLE, Псевдонимы SQL
3. Строчные функции SQL, lower, Upper, Concat и другие
4. Ключевые слова в SQL, BETWEET, LIKE и другие
5. Работа с SQL: создание таблиц, ключей и JOIN-запросы
6. Работа с SQL IN и SQL NOT IN
7. Работа с SQL JOIN (NATURAL JOIN, LEFT and RIGHT JOIN)
#video #sql
Курс по React
React 00: Обзор
React 01: Создание проекта
React 02: Введение в JSX
React 03: Рендер и монтирование
React 04: Элемент и входные параметры
React 05: Компонент и состояние
React 06: Жизненный цикл компонента
React 07: Обработка событий
React 08: Пользовательские события
React 09: Условный рендринг
#React
React 00: Обзор
React 01: Создание проекта
React 02: Введение в JSX
React 03: Рендер и монтирование
React 04: Элемент и входные параметры
React 05: Компонент и состояние
React 06: Жизненный цикл компонента
React 07: Обработка событий
React 08: Пользовательские события
React 09: Условный рендринг
#React