Курс по Frontend разработке

Бесплатный курс по Frontend разработке

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы

Плагин px to rem

Alt+Z переводит выбранный текст из px в rem и обратно

🔗 Плагин: ссылка

👉 @byFrontDeveloper | #плагины

Выполняем реальный проект на JavaScript

Вы реализуете несколько задач из технического задания на реальном проекте, используя JS

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы #видео

ui-buttons — 100 современных CSS-кнопок. Любой стиль, который вы только можете себе представить

🔗 Ссылка: https://ui-buttons.web.app/

👉 @byFrontDeveloper | #ресурс

Адаптивная верстка сайта

Верстка проекта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера

🔗 Макет: Figma
🔗 Готовый код: Скачать
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

БЕСПЛАТНЫЙ курс по верстке сайтов

Пожалуй один из лучших курсов по верстки сайтов с нуля. Уроки по HTML CSS JS

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы

Shortcuts.design — сайт со всеми горячими клавишами для VS Сode, Figma, а также многих других инструментов

🔗 Ссылка: https://shortcuts.design/

👉 @byFrontDeveloper | #ресурс

Адаптивная верстка сайта

Верстка проекта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Готовый код: GitHub
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Генератор штрихкодов

Реализовано с помощью HTML & CSS и JS(jsbarcode)

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Макет сайта Freedom studios

Верстка простого проекта на чистом HTML + CSS для начинающих

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Готовый код: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!

Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео

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

👉 @byFrontDeveloper | #курсы #react

Плагин CSS Responsive

Очень полезный плагин для перевода line-height в проценты. Формула для расчёта:

line-height / font size = line-height

🔗 Плагин: ссылка

👉 @byFrontDeveloper | #плагины

Верстка многостраничного сайта для самых маленьких, html/css/js подробное объяснение

В этом видео вы сверстаете полный многостраничный сайт для новичков в верстке. Вы будете писать html/css/js, обсудите заливку на хостинг, связь страниц и так далее

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

GigaCode — это бесплатный AI-ассистент разработчика, который позволяет ускорить процесс написания кода, предлагая наиболее вероятные и релевантные подсказки

Поддерживает более 15 языков программирования, а также совместим со множеством популярных редакторов и интегрированных сред разработки

P.s: Чтобы начать им пользоваться нажмите на сайте кнопку "Хочу GigaCode" и следуйте дальнейшей инструкции

🔗 Ссылка: https://gigacode.ru/

👉 @byFrontDeveloper | #ресурс

About Us Pop-Out Effect

Реализовано с помощью CSS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

HTML курс 2024

Полный подробнейший курс по изучению HTML с самого нуля для начинающих

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы #HTML

Вёрстка сайта с нуля Your Meal

Видео для начинающих, поэтому в нём не будет таск-менеджера(GULP) или сборщика(Webpack), только HTML и CSS!
Вы разберёте интересные авторские фишки по работе с svg, шрифтами, фокусом и другие best practices

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Сайт с учебными материалами

На нём есть мини-учебники по таким языкам как: Python, JavaScript, C#, CSS

🔗 Ссылка: https://www.tutorialspoint.com/index.htm

👉 @byFrontDeveloper | #ресурс

Руководство для начинающих по HTML и CSS: Пошаговое руководство с примерами и упражнениями

Автор: Уилсон К.
Год: 2023

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

👉 @byFrontDeveloper | #книги

Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике

В этом курсе вы найдете все о современной верстке сайтов, для быстрого старта в профессию веб разработчик!

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

👉 @byFrontDeveloper | #курсы #HTML #CSS