Этот инструмент поддерживает 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 | #код

TypeScript с 0 до Профи. Полный курс + Практика [2023]

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

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

👉 @byFrontDeveloper | #курсы

React быстро. 2-е издание

Автор: Мардан Азат, Барклунд Мортен
Год: 2024

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

👉 @byFrontDeveloper | #книги

Redux + Redux Toolkit Продвинутый полный курс

Это первая часть фундаментального курса по Redux. В ней вы с нуля разберёте базовые концепции Redux и Redux-toolkit, и дойдёте до концепции slice. По пути изучите основы архитектуры и правильного использования Redux

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

👉 @byFrontDeveloper | #курсы

Tabler Icons – набор из более чем 5250 бесплатных высококачественных SVG-иконок, которые вы можете использовать в своих проектах

🔗 Ссылка: https://tabler.io/icons

👉 @byFrontDeveloper | #ресурс

HTML с 0 до Профи. Полный курс + Практика [2024]

В этом курсе понятно разобраны все темы HTML. Курс подойдет не только для новичков, он остается актуальным для всех уровней. Основы HTML, теги, семантические теги, СЕО, метатеги, текст, списки, медиа элементы, структура документа, таблицы, формы, группировка.

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

👉 @byFrontDeveloper | #курсы

Jаvascript с нуля

Автор: Чиннатхамби К.
Год: 2021

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

👉 @byFrontDeveloper | #книги

ПОЛНЫЙ курс по Angular для начинающих за 5 часов

Запускай своё путешествие в мир Angular с моим ПОЛНЫМ курсом для начинающих! За 5 часов вы освоите основы и продвинутые аспекты Angular, чтобы начать создавать мощные веб-приложения

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

👉 @byFrontDeveloper | #курсы

Словарь терминов по фронтенду с определениями и примерами. В словаре отобраны термины, имеющие неоднозначное, переносное или отличное от широкого употребления значение

🔗 Ссылка: https://github.com/web-standards-ru/dictionary/blob/main/dictionary.md

👉 @byFrontDeveloper | #ресурс

Генератор капчи

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

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Мини-курс по Wordpress

Начнем с его установки и закончим тремя полноценными сайтами, которые можно будет добавить в портфолио!

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

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

Подборка бесплатных онлайн игр для освоения CSS

— Flexbox Froggy

— Coding Fantasy

— Flexbox Defense

— Grid Garden

— CSS Diner

👉 @byFrontDeveloper | #ресурс

Курс по Next js 14 - Без воды за 40 минут!

В этом видео мы погрузимся в мир Next.js и разберем, когда лучше выбирать Next.js, а когда React. Освоите новый роутинг и его возможности, узнаете о хуках useRouter, usePathname, useSearchParams, научитесь работать с layout и оптимизировать SEO. Обсудим SSR, SSG, ISR и их применение, разберемся с клиентскими и серверными компонентами, middleware и многим другим.

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

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

Движок для игры от первого лица в 265 строках Javascript

Сегодня окунёмся в мир, который можно потрогать. В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся приёмом под названием «бросание лучей» (raycasting)

Читать дальше: статья

Вот демка: https://demos.playfuljs.com/raycaster/

👉 @byFrontDeveloper | #ресурс

Переключение видимости пароля

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

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

React JS фундаментальный курс от А до Я

React Полный курс от А до Я. Рассмотрим основные концепции и разработаем функционал, который встречается в каждом приложении

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

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

JavaScript и Node.js для веб-разработчиков

Авторы: Прохоренок Н. А., Дронов В. А.
Год: 2022

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

👉 @byFrontDeveloper | #книги

fancy-border-radius - генерирует сложные фигуры используя восемь значений border-radius

🔗 Ссылка: https://9elements.github.io/fancy-border-radius/

👉 @byFrontDeveloper | #ресурс

Подборка 4-крутых библиотек для фронтендера

Popper — для создания тултипов и всплывающих окон

Swiper JS —  самый современный бесплатный мобильный сенсорный слайдер

noUiSlider — это легкий слайдер диапазона

Sortable JS — создание сортируемого списка (перетаскивание элементов)

👉 @byFrontDeveloper | #ресурс