front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

Frontend meetup

1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.

2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.

3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.

Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf

➖➖➖

🗓 22 мая, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

Регистрация на мероприятие

Реклама, ООО "Эвроне.ру", ИНН 3663057399

Читать полностью…

FrontEndDev

Курс по JS для начинающих

3 часово вводный курс по соврменному JavaScript для тех, кто знакомится с языком.

https://www.youtube.com/watch?v=Zi-Q0t4gMC8

Читать полностью…

FrontEndDev

Попасть в Яндекс за выходные — реально

18–19 мая приходите на Weekend Offer Frontend. Для этого нужно зарегистрироваться и решить одну задачу в Контесте. После вы сможете за 2 дня пройти технические секции, познакомиться с нанимающими командами и получить офер в интересный проект.

В мероприятии участвуют 13 команд: Поиск, E-com Поиска, Реклама, Бизнес, Cloud, 360, Игры, Умный дом, Путешествия, Аренда, Недвижимость, Авто.ру и Авто.ру Бизнес. Вы сможете поговорить с ребятами и узнать, как работается в проектах. Если всё сложится хорошо — сразу же получите офер.

Помогаем релоцироваться по РФ, нанимаем в офисы по всей стране.

Узнать подробности и зарегистрироваться можно здесь.

Реклама. ООО "Яндекс". ИНН 7736207543

Читать полностью…

FrontEndDev

Отменяем асихронные запросы с AbortController

Как работает AbortController и примеры его использования.

https://thenewstack.io/cancel-asynchronous-react-app-requests-with-abortcontroller/

Читать полностью…

FrontEndDev

Фронтенд-разработка из первых уст

Мы уже упоминали Канал Дениса Воронина ранее, расскажем чуть подробнее.

На своем канале Денис стремится создать площадку для обмена опытом. Он делится своими статьями и обзорами на актуальные темы, а также публикует материалы, которые наиболее интересны сообществу.

Сейчас Денис активно освещает тему подготовки к собесам, поэтому особенно рекомендуем канал тем, кто штурмует алгоритмы и аспекты софт-скиллов.

🎁 Традиционный бонус для подписчиков - розыгрыш беспроводных наушников Logitech G G435

Так что не пожалейте пару минут: вы можете выиграть наушники и стать частью интересного сообщества!

Читать полностью…

FrontEndDev

Работа с датами с Tempo

Еще одна библиотека, упрощающая работу с датами в JS.

https://blog.logrocket.com/handling-dates-javascript-tempo/

Читать полностью…

FrontEndDev

Пишем шахматы на JS

Подробный туториал по разработке шахмат на JavaScript с использованием Stockfish API

https://www.youtube.com/watch?v=fJIsqZmQVZQ

Читать полностью…

FrontEndDev

Несколько конфигураций для Git

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

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

Читать полностью…

FrontEndDev

Анимация замыливания текста при скролле

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

Демо | Github

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

Читать полностью…

FrontEndDev

Работа с датами в JS

Способы отформатирования дат к нужному формату и некоторые нюансы работы с объектом Date

https://www.freecodecamp.org/news/how-to-format-a-date-with-javascript-date-formatting-in-js/

Читать полностью…

FrontEndDev

Any vs Unknown

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

https://antondevtips.com/blog/typescript-any-vs-unknown-understanding-the-difference

Читать полностью…

FrontEndDev

Восстанавливаем удаленные файлы с помощью Git

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

https://www.youtube.com/watch?v=8j8jdUD7N-U

Читать полностью…

FrontEndDev

Способы стилизации Material UI

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

https://www.youtube.com/watch?v=HsdjivqQ7BA

Читать полностью…

FrontEndDev

В чем разница между движками и средами выполнения JavaScript?

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

https://habr.com/ru/articles/809131/

Читать полностью…

FrontEndDev

Web Terminal

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

https://blog.logrocket.com/building-web-based-terminal-components-termino-js/

Читать полностью…

FrontEndDev

Современное руководство по CSS фигурам

Способы создания фигур без использования SVG.

https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/

Читать полностью…

FrontEndDev

Изучаем работу с ветками в Git

Хороший инструмент для изучения Git начинающим и не только.

https://learngitbranching.js.org/?locale=ru_RU

Читать полностью…

FrontEndDev

CPUpro: Переосмысление профайлинга для экосистемы JS

Альтернативная система профайлинга и логирования для движка V8: Node.js, Deno, Chromium.

https://github.com/lahmatiy/cpupro

Читать полностью…

FrontEndDev

Доступность при валидации html форм

Руководство по разработке удобных и доступных форм.

https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/

Читать полностью…

FrontEndDev

Отображаем музыку при помощи CSS Grid

Решение по удобному и отзывчивому рендерингу нот в вебе, основанное на CSS Grid.

https://cruncher.ch/blog/printing-music-with-css-grid/

Читать полностью…

FrontEndDev

Задачки по Front-end - канал с задачками и тестами по JS/CSS/HTML.

На канале вы найдете:
- тесты по Javascript;
- тесты по CSS;
- тесты по HTML;
- вопросы с собеседований с решением по JS, CSS, HTML

Подписывайтесь, решайте и предлагайте свои решения: @frontquizes

Читать полностью…

FrontEndDev

Готов ли ваш код к React 19?

Новшества и breaking-changes в грядущей версии React, которые стоит учитывать при обновлении.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

Читать полностью…

FrontEndDev

Введение в AI разработку

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

https://www.youtube.com/watch?v=Yjy837dDvOY

Читать полностью…

FrontEndDev

I'm game

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

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

Чтобы больше узнать о форматах обучения и начать путь к новому уровню, приходите на бесплатную консультацию. Куратор оценит ваш английский и подскажет, какой курс подойдёт для ваших целей. Всего 30 минут — и вы в игре!

Читать полностью…

FrontEndDev

Официальный релиз Popover API

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

https://web.dev/blog/popover-api?hl=en

Читать полностью…

FrontEndDev

ИТ-специалисты, ваш выход

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

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

Читать полностью…

FrontEndDev

WebSockets для новичков

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

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

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

https://www.youtube.com/watch?v=CzcfeL7ymbU

Читать полностью…

FrontEndDev

Материалы из этого канала дают на платных курсах

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

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

Читать полностью…

FrontEndDev

Улучшаем показатель LCP

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

https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/

Читать полностью…

FrontEndDev

🔥 Это база с 1400 вопросами с собеседований на Frontend разработчика. Фишка в том, что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

Читать полностью…
Subscribe to a channel