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

jаvascript. Полное руководство, 7-е издание

Авторы: Дэвид Флэнаган
Год: 2021

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

👉 @byFrontDeveloper | #книги

Подборка интересных web-игр с готовым кодом с CodePen

Tower Blocks — игра по строительству башен. Размещайте блоки с помощью кликов, касаний или пробелов

Бешеный бег доблестного кролика — игра по спасению малыша кролика от злого волка

Platform game engine — простой платформенный игровой движок с мячиком, есть возможность гибкой настройки карты

Шахматы с искусственным интеллектом  — игра в шахматы против друга, против ИИ или ИИ сам против себя же

Крестики-нолики — простая игра в крестики-нолики написанная только на HTML(Pug) и CSS(SCSS)

COLORON GAME — игра с прыгающим мячом и столбы у которых нужно изменять цвет под цвет мяча

👉 @byFrontDeveloper | #код #игры

Автоматическое увеличение высоты textarea

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

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

В этом ролике мы реализуем полную конфигурацию Webpack. Настроим typescript, react, babel. Научимся работать со стилями и css modules. Рассмотрим большую часть возможностей webpack 5. Реализуем монорепозиторий с микрофронтендом на основе workspaces и Module federation

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

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

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

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

Чтобы переключить режим разработки, введите следующий код:

document.designMode="on"

👉 @byFrontDeveloper | #лайфхак