Мучения на фронте

1. Подготавливаемся к фронтенд разработке
2. Размещаем элементы на страницы с помощью CSS
3. Знакомимся с JavaScript
4. Работаем с DOM на js
5. ООП в javascript
6. Классы и модули в js
7. Закрепляем работу с js, css и html
8. Продолжаем закреплять работу с js, css и html, ч1
9. Продолжаем закреплять работу с js, css и html, ч2

#video #frontend

https://www.youtube.com/watch?v=gTIoEFg2R_E&list=PLmmIuINqEtvxHPGsvKaDDYXE5Xi1vlZRI

CSS и вёрстка

1. Верстаем эффект параллакса
2. Урок 3. Сброс и нормализация стилей, вёрстка с нуля
3. Урок 2. Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch
4. Урок 1. Что такое CSS? Подключение, селекторы, каскад в CSS.
5. Анимация при скролле страницы | JavaScript.
6. Профессионально верстаем макет с адаптивом, часть 1
7. Профессионально верстаем макет с адаптивом, часть 2
8. Вместе верстаем меню бургер
9. Вместе адаптируем вёрстку под мобильные устройства
10. Исправляем баги бургера, создаём шапку sticky и анимированную кнопка scroll to

#video #frontend

https://www.youtube.com/playlist?list=PLJpSkcgOK72A4dTtU52OOH7MyskB8o9sz

Front-End разработка

#video #frontend

https://www.youtube.com/playlist?list=PLjrOTU2Qoqx83qpgbX5Px52Ny4snb5WUF

Front-end разработка

1. Вводная лекция. Front-end разработка
2. Javascript. Front-end разработка
3. NPM, Yarn & TypeScript. Front-end разработка
4. Функциональное программирование. Front-end разработка
5. React. Front-end разработка
6. Стилизация компонентов в React. Front-end разработка
7. React Hooks. Front-end разработка
8. React Hooks. Часть 2. Front-end разработка
9. Введение в State managers. Front-end разработка

#video #frontend

https://www.youtube.com/playlist?list=PLAyGZSpiecFp-XIfDd_Fm8a9-ir6JVIyM

Адаптивная верстка сайта с нуля по макету из Figma

1. Адаптивная верстка сайта с нуля по макету из Figma
2. Шрифты и шапка сайта
3. Pixel Perfect
4. CSS Grid и медиа запросы
5. CSS Flexbox
6. Ваш запрос
7. CSS Grid и медиа запросы
8. Верстаем портфолио на CSS Grid
9. Верстка раздела с текстом

#video #frontend

https://www.youtube.com/watch?v=7ggnHk6xua8&list=PLuY6eeDuleINcGnhxCG6U0kzja1Wh7fcd&ab_channel=ITDoctor

Верстка макета сайта Tesla из Figma

1. Шапка под ПК
2. Шапка под iPhone и iPad
3. Главная секция под ПК
4. Главная секция под iPhone и iPad
5. Футер под ПК
6. Футер под iPhone и iPad

#video #figma #frontend

https://www.youtube.com/watch?v=UDrbL1Ils3s&list=PLuY6eeDuleIMhg69FDlaLjzDermknWbaB&ab_channel=ITDoctor

Как это сделать? Туториалы HTML CSS JS (jQuery) CSS3 эффекты

1. Как сделать красивую кнопку с анимацией CSS HTML
2. Фрилансер по жизни
3. Стилизация чекбоксов и радиокнопок на CSS HTML jQuery
4. Фрилансер по жизни
5. Как сделать параллакс эффект на CSS HTML jQuery. Туториал
6. Фрилансер по жизни
7. Правильное адаптивное меню бургер на HTML CSS и jQuery
8. Анимация кнопки "Свобода" на HTML и CSS3. Эффекты CSS3
9. Спойлер на HTML CSS и jQuery + анимация стрелки


#video #frontend

https://www.youtube.com/watch?v=w00Z5y8jEjk&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&ab_channel=%D0%A4%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81%D0%B5%D1%80%D0%BF%D0%BE%D0%B6%D0%B8%D0%B7%D0%BD%D0%B8-IT%D0%B8%D1%84%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81

Фронтенд 2021

1. Максим Сальников — Автоматизируем сервис-воркер с Workbox 6
2. Артем Арутюнян — Архитектура менеджера состояния
3. Роман Дворнов — JSON: push the limits
4. Валерия Курмак — Пользовательский опыт незрячего человека
5. Андрей Печкуров — ES6-коллекции на примере V8: у ней внутре неонка
6. Василика Климова — Расширяем реальность
7. Разбор заданий Capture the flag и награждение победителей
8. Юлия Миоцен — Палка, палка, огуречик. Рисуем персонажную анимацию на CSS
9. Андрей Мелихов — Теория и практика dependency injection
10. Дмитрий Николаев — Создание приложений для голосовых ассистентов

#video #frontend

https://www.youtube.com/watch?v=K1kUG-g8nA4&list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEF&ab_channel=%D0%A4%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4

Я 💛 Фронтенд 2023

1. Заботливый иннерсорс, Никита Балихин
2. Telegram как новая платформа для ваших сервисов, Даниил Лаптев
3. Мифы о "Толстых" клиентах, Вадим Царегородцев
4. Как мы внедряли Е2Е-тесты и почему у нас ничего не вышло, Руслан Байгунусов
5. Распутываем браузерные потоки, Полина Гуртовая
6. Dependency confusion: что это и как защищаться – Егор Зонов
7. Как это можно переписать?
8. Разбор заданий Capture the Flag и награждение победителей, Евгений Телегин
9. Копаемся под капотом браузера, как работает event loop и compositing, Сергей Чикуенок
10. Кому нужны фронтендеры, Андрей Смирнов

#video #frontend

https://www.youtube.com/watch?v=5gPZ_nfMATg&list=PLKaafC45L_SSPGAPKEfkXFKsSuC9xaSgW

Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode