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 | #лайфхак

Emmet Cheat Sheet — сайт-шпаргалка для Emmet. Здесь собраны все аббревиатуры и формулы, при написании которых раскрываются большие куски кода, а это очень ускоряет разработку сайта.

🔗 Ссылка: https://docs.emmet.io/cheat-sheet/

👉 @byFrontDeveloper | #ресурс

Всплывающее уведомление с индикатором выполнения

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

🔗 Код: Codepen

👉 @byFrontDeveloper | #код