Анимация смены текста

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

🔗 Код: Codepen

👉🏿 @byFrontDeveloper | #код

TIS-100 - это логическая игра, где вы выступаете в роли программиста на Assembler, пытающегося исправить код компьютерной системы с одноименным
названием

🔗 Ссылка: https://gamestracker.org/torrents/0-0-0-7488-20

👉🏿 @byFrontDeveloper | #игры

Гид по JavaScript для начинающих - это невероятно титанический труд, да еще и в бесплатном доступе. Гид написан на простом английском - дополнительная мотивация и возможность подтянуть свой английский:)

🔗 Ссылка: https://wesbos.com/javascript

👉🏻 @byFrontDeveloper | #ресурс

Git и GitHub для начинающих [2024]

В этом плейлисте ознакомитесь с системой контроля версий и научитесь с ней работать. Будете использовать Git, а хранить свои репозитории будете на GitHub. Подробно и на примерах покажут как работать с Git и GitHub

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

👉 @byFrontDeveloper | #курсы

Шпаргалка по БЭМ, на которой можно наглядно посмотреть структуру часто используемых компонентов вёрстки, и варианты наименования таких компонентов и их дочерних элементов

🔗 Ссылка: https://9elements.com/bem-cheat-sheet/

👉🏻 @byFrontDeveloper | #ресурс

Полный курс по Vue 3

Это практическое руководство по изучению популярного JavaScript-фреймворка. Курс состоит из 20 уроков, которые помогут вам освоить все необходимые навыки для создания современных веб-приложений.

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

👉 @byFrontDeveloper | #курсы

Делюсь потрясающей находкой (точнее сразу несколькими в рамках одного проекта), которую добавил себе в избранное

https://hcdev.ru/ - Справочник HTML и CSS
https://scriptdev.ru/ - Справочник Javascript и Typescript
https://reactdev.ru/ - Справочник React
https://angdev.ru/ - Справочник Angular
https://nodejsdev.ru/ - Справочник Node.js

Большое количество информации с примерами кода, иллюстрированием, описанием нюансов и так далее

👉🏻 @byFrontDeveloper | #ресурс

worldvectorlogo — большой ресурс с логотипами разных брендов в svg

🔗 Ссылка: https://worldvectorlogo.com/

👉🏻 @byFrontDeveloper | #ресурс

Полный курс JavaScript 2023 — от новичка до профессионала

В этом полном курсе, основанном на проекте, мы узнаем, как создавать сложные веб-сайты с помощью JavaScript и использовать JavaScript с HTML и CSS.

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

👉 @byFrontDeveloper | #курсы

Responsive Sidebar Menu

Реализовано на CSS и немного JS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

CSS для Начинающих - Полный Курс по CSS [2023] | 16+

Изучите CSS, чтобы построить карьеру в веб-разработке. Этот курс по CSS научит Вас всему, что нужно для начала работы.

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

👉 @byFrontDeveloper | #курсы

Шпаргалки для начинающего верстальщика HTML/CSS

Автор: Елена Эберт
Год: 2021

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

👉 @byFrontDeveloper | #книги

patterns — мощнейший ресурс по паттернам проектирования веб-приложений для опытных разработчиков

🔗 Ссылка: https://www.patterns.dev/

👉 @byFrontDeveloper | #ресурс

JavaScript для начинающих

Автор: Майк МакГрат
Год: 2023

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

👉 @byFrontDeveloper | #книги

На данном ресурсе в интерактивном режиме можно посмотреть, как работают свойства CSS3, возможности HTML5, посмотреть поддержку этих возможностей браузерами и сгенерировать необходимый код

Помимо CSS3 и HTML5, есть генераторы для SEO-оптимизации

Все грамотно структурировано, максимально лаконично и интуитивно понятно

🔗 Ссылка: https://webcode.tools/

👉 @byFrontDeveloper | #ресурс

Собеседование на Frontend разработчика зарплата 270К

Реальный собес с лайвкодингом (MIDDLE/SENIOR)

📺 Cсылка на собес: YouTube

👉 @byFrontDeveloper | #собес

Card Split Hovers 

Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Если вы сейчас на стадии изучения браузерных событий (DOM Events)

То вам может быть полезен интересный инструмент визуализации

Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций preventDefault(), stopPropagation(), stopImmediatePropagation()

🔗 Ссылка: https://domevents.dev

👉 @byFrontDeveloper | #ресурс

Вёрстка сайта с нуля до результата, используя современные технологии - SCSS, html, БЭМ

В данном видео вы создадите сайт на HTML и SCSS с нуля. Также там объяснят методологию БЭМ простым языком и покажут на реальном примере, как делается адаптивная верстка сайта

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

👉 @byFrontDeveloper | #курсы