Responsive Sidebar Menu

Реализовано на CSS и немного JS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

CSS для Начинающих - Полный Курс по CSS [2023] | 16+

Изучите CSS, чтобы построить карьеру в веб-разработке. Этот курс по CSS научит Вас всему, что нужно для начала работы.

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #курсы

Шпаргалки для начинающего верстальщика HTML/CSS

Автор: Елена Эберт
Год: 2021

🔗 Скачать книгу

👉 @byFrontDeveloper | #книги

patterns — мощнейший ресурс по паттернам проектирования веб-приложений для опытных разработчиков

🔗 Ссылка: https://www.patterns.dev/

👉 @byFrontDeveloper | #ресурс

JavaScript для начинающих

Автор: Майк МакГрат
Год: 2023

🔗 Скачать книгу

👉 @byFrontDeveloper | #книги

На данном ресурсе в интерактивном режиме можно посмотреть, как работают свойства CSS3, возможности HTML5, посмотреть поддержку этих возможностей браузерами и сгенерировать необходимый код

Помимо CSS3 и HTML5, есть генераторы для SEO-оптимизации

Все грамотно структурировано, максимально лаконично и интуитивно понятно

🔗 Ссылка: https://webcode.tools/

👉 @byFrontDeveloper | #ресурс

Собеседование на Frontend разработчика зарплата 270К

Реальный собес с лайвкодингом (MIDDLE/SENIOR)

📺 Cсылка на собес: YouTube

👉 @byFrontDeveloper | #собес

Card Split Hovers 

Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Если вы сейчас на стадии изучения браузерных событий (DOM Events)

То вам может быть полезен интересный инструмент визуализации

Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций preventDefault(), stopPropagation(), stopImmediatePropagation()

🔗 Ссылка: https://domevents.dev

👉 @byFrontDeveloper | #ресурс

Вёрстка сайта с нуля до результата, используя современные технологии - SCSS, html, БЭМ

В данном видео вы создадите сайт на HTML и SCSS с нуля. Также там объяснят методологию БЭМ простым языком и покажут на реальном примере, как делается адаптивная верстка сайта

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #курсы

Flexer — визуальный CSS Flexbox конфигуратор. Отличный способ разобраться с flexbox для начинающих

🔗 Ссылка: https://www.flexer.dev/

👉 @byFrontDeveloper | #ресурс

Полный курс HTML и CSS с нуля до профессионала

Уроки по созданию сайтов. Курс веб-разработки сайтов на HTML и CSS с нуля

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #курсы

Репозиторий с тестовыми заданиями для самостоятельного выполнения от разных IT компаний

🔗 Ссылка: https://github.com/Hexlet/ru-test-assignments?tab=readme-ov-file

👉 @byFrontDeveloper | #ресурсы

cssfx — коллекция красивых простых CSS-эффекты с возможностью копирования, созданная с упором на плавность, простоту и удобство использования

🔗 Ссылка: https://cssfx.netlify.app/

👉 @byFrontDeveloper | #ресурсы

SQL для веб-разработчиков — полный курс по базам данных

Изучите все основы языка структурированных запросов в этом комплексном курсе SQL. Вы будете создавать реальные таблицы базы данных и практиковаться в гибких запросах к ним, как это делает веб-разработчик серверов в производственных условиях

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #курсы