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

Индикатор прокрутки

Простая реализация с помощью HTML, CSS и 7-строк кода на JS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Бесплатная платформа для изучения языков программирования CODE-BASICS

Имеет встроенный терминал, на котором можно проверить написанный код в процессе решения разных задач

Представлено 14 языков к обучению,
Средняя продолжительность курса: 19 часов

🔗 Ссылка: https://code-basics.com/ru

👉 @byFrontDeveloper | #ресурс

Копируем код из видео

Selectext: Copy Text from Videos - расширение, которое позволяет копировать текст прямо из видео на Youtube и любом другом сайте

🔗 Ссылка: Google Сhrome

👉 @byFrontDeveloper | #ресурс

Создание приложения для доставки еды за 4 часа [React Native / Nest.js / PostgreSQL / Prisma / TS]

В этом крутом видео покажут как создать крутое мобильное приложение. В целом вы реализуете полноценное приложение для доставки еды на React Native, с использованием огромного количества технологий. Также структура проекта будет максимально масштабируемой

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

👉 @byFrontDeveloper | #курсы

Этот инструмент поддерживает GPT-4o и способен делать сайты всего лишь по скринам

Никакого кодинга и знаний дизайна. Нейронка выдает полную копию сайта по картинке. Результаты поражают

🔗 Ссылка: https://github.com/abi/screenshot-to-code?tab=readme-ov-file#-examples

👉 @byFrontDeveloper | #ресурс

Создаем динамические веб-сайты с помощью PHP, MySQL, jаvascript, CSS и HTML5. 6-е изд.

Автор: Робин Никсон
Год: 2023

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

👉 @byFrontDeveloper | #книги

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

Реализовано на HTML, CSS и JS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код