FrontEndDev
28.8K subscribers
1.77K photos
12 videos
6.95K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
Download Telegram
Создаем необычное портфолио

Туториал по созданию 2D игры с Kaboom.js с сюжетом в виде вашего портфолио (врядли пригодится, но если нужно удивить, то получится 100%).

https://www.youtube.com/watch?v=wy_fSStEgMs&ab_channel=freeCodeCamp.org
🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏
This media is not supported in your browser
VIEW IN TELEGRAM
Web Terminal

Создаем и кастомизируем web терминалы с Termino.js.

https://blog.logrocket.com/building-web-based-terminal-components-termino-js/
Улучшаем показатель LCP

5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.

https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/
В чем разница между движками и средами выполнения JavaScript?

Короткая заметка, которая поможет разобраться в основных понятиях.

https://habr.com/ru/articles/809131/
Материалы из этого канала дают на платных курсах

Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
Способы стилизации Material UI

10 минутный гайд с best practices по стилизации MUI

https://www.youtube.com/watch?v=HsdjivqQ7BA
WebSockets для новичков

Часовой туториал по работе с Socket.IO, для тех кто хочет познакомиться с технологией WebSockets.

Warning: индийский английский присутствует 😃

Материалы курса доступны по ссылке.

https://www.youtube.com/watch?v=CzcfeL7ymbU
Восстанавливаем удаленные файлы с помощью Git

Как git reflog и git fsck помогут восстановить файлы в проекте, которые даже не были закоммитаны. Короткий видео туториал.

https://www.youtube.com/watch?v=8j8jdUD7N-U
ИТ-специалисты, ваш выход

Выбирайте вакансию по душе, а Тинькофф обеспечит комфортные условия для работы и возможность экспериментировать в команде единомышленников. Откликнуться в команду Тинькофф

Реклама. АО «Тинькофф Банк», ИНН 7710140679
Any vs Unknown

В короткой заметке разберемся, в чем разница при использовании Any и Unknown в TypeScript.

https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference
Официальный релиз Popover API

Теперь создание и использование всплывающих окон стало еще проще. Подробнее об этом в небольшой статье.

https://web.dev/blog/popover-api?hl=en
I'm game

Английский язык — как игра: чем выше уровень, тем интереснее. Каждый этап открывает новые возможности, каждый навык помогает получить новые достижения. Как перейти от просмотра сериала с субтитрами к диалогу с иностранцем? Начните учить язык вместе с английским от Яндекс Практикума, чтобы поднять свой уровень и заговорить увереннее.

Слагаемые успеха:
Курсы по международным стандартам CEFR: продуманный план обучения, а не отдельные занятия время от времени — так проще достичь результата.
Опытные преподаватели, которые прошли отбор и специальное обучение: вдохновляют, поддерживают, направляют.
Гибкая программа: оценим ваши навыки и найдём пробелы в знаниях, чтобы адаптировать план обучения — не придётся терять время на изучение тем, которые вы уже знаете.
Разговорная практика: 70% программы — это общение, в том числе с иностранцами.

Чтобы больше узнать о форматах обучения и начать путь к новому уровню, приходите на бесплатную консультацию. Куратор оценит ваш английский и подскажет, какой курс подойдёт для ваших целей. Всего 30 минут — и вы в игре!
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация замыливания текста при скролле

Еще один эффект для текста, основанный на использовании скролла.

Демо | Github

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
Введение в AI разработку

OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API

https://www.youtube.com/watch?v=Yjy837dDvOY
Несколько конфигураций для Git

Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.

https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/