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

Простая реализация с помощью 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 | #код

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 | #ресурс