Премиум каналы

Frontend разработчик

Библиотека Frontend программиста. Книги, полезные материалы, статьи, новости, уроки по front end/web разработке.

Последние публикации с канала

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: значения свойства display

Я продолжаю отвечать на вопросы из собеседований на должность фронтендера. Сегодня я отвечу на следующий вопрос: «В чём отличия между значениями block, inline, flex, inline-flex, grid и inline-grid для свойства display?»

Прошу внимания. Мой ответ будет основан на теории, которую я описал в статье «Зачем нужно использовать свойство display?». Прочитайте, пожалуйста, сначала её.

Последний технический момент. Во всех примерах я использую <body> в качестве родительского контейнера. На картинках он обозначен голубой пунктирной линией.

https://habr.com/ru/companies/ruvds/articles/806493/

👉 @frontend_1

24.04.2024 / 16:04

Вышел React 18 — что нового для разработчиков?

Расскажем на бесплатном практическом уроке «Обзор нововведений в React 18» от OTUS. Спикер — опытный разработчик и преподаватель.

На вебинаре мы разберем изменения, которые были добавлены в React 18, познакомимся с ними поближе и посмотрим на новые фичи и API.

Встречаемся 25 апреля в 19:00 мск в преддверии старта курса «React.js Developer». Все участники вебинара получат специальную цену на обучение и персональную консультацию от менеджеров OTUS!

👉 Оставьте заявку прямо сейчас, чтобы посетить бесплатный урок: https://otus.pw/kjRZ/?erid=LjN8KbGzm

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

24.04.2024 / 13:04

Типизированные маршруты в Next.js

👉 @frontend_1

24.04.2024 / 12:04

Создание отзывчивого профиля с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/profile-02

👉 @frontend_1

24.04.2024 / 11:04

Телеграм-канал Яндекса специально для фронтендеров

В одном телеграм-канале собираем всё, что нужно знать про фронтенд-разработку в Яндексе. Самые полезные библиотеки и опенсорсные инструменты, высокое искусство автотестирования, последние тренды фронтенд-разработки, новости о релизах и чейнджлогах всем известных продуктов.

Подписывайтесь 👉  @yandex4frontend

24.04.2024 / 07:04

Совет по Javascript 💡

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

👉 @frontend_1

24.04.2024 / 06:04

JavaScript должен поставляться с батарейками, автор Лука Касонато

Создание проектов на JavaScript - дело не из легких. Начало работы включает установку и настройку node, tsc, prettier, eslint, фреймворка для тестирования, драйвера базы данных и многого другого. Почему JavaScript не включен в комплект поставки? В этом докладе мы расскажем о том, как Deno решает эту проблему, позволяя вам сосредоточиться на создании вещей. Мы изучим, какие преимущества открывает полная интеграция инструментария, и вспомним, как весело программировать, если инструменты помогают вам, а не требуют, чтобы вы с ними нянчились.

источник

👉 @frontend_1

Video is too big
23.04.2024 / 16:04

Alfa Frontend Meetup #3
Митап frontend-сообщества про архитектуру.

Поговорим про webpack module federation, рассмотрим статический анализ кода и попробуем применить этот подход к статическому анализу зависимостей с помощью программирования в ограничениях, обсудим плюсы и минусы монорепозиториев.

Когда: 25 апреля, 19:00.
Где: Москва, пр. Андропова, д. 18, к. 3 и онлайн.

Вас ожидают доклады спикеров: 

▪️Алексей Охрименко, техлид в Yandex Cloud Tracker, расскажет о статистическом анализе зависимостей.
▪️Алексей Николаев, Teamlead в Sendsay.ru, разберёт плюсы и минусы монорепозиториев.
▪️Степан Иваньков, главный frontend-разработчик в «Альфа-Банке», расскажет о том, как перевести 45 приложений на webpack module federation и ничего не сломать.


Регистрируйтесь

Больше полезного в комьюнити @alfa_frontend

erid: LjN8KRxTa
Реклама. АО «Альфа-Банк». ИНН 7728168971.

22.04.2024 / 14:04

SOLID на front-end примерах

SOLID: Принцип единственной ответственности (простым языком с примерами на React)
Как разделить код на React компоненты правильно | Эволюция моего подхода | Компоненты по SOLID
SOLID: Как использовать DIP в реальном мире! | Объясняю с примерами на React
SOLID: Interface Segregation Principle! | Объясняю с примерами на React
SOLID: LSP или гайд по полиморфизму! | Любой костыль это нарушение LSP
Как не страдать, когда пришёл заказчик | OCP самый главный принцип SOLID!

источник

👉 @frontend_1

Video is too big
Video is too big
Video is too big
Video is too big
Video is too big
Video is too big
22.04.2024 / 11:04

Глубокий JS. В память о типах и данных

Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN, а на просторах интернета полно статей на этот счет.

Теория теорией, однако, JS-код исполняется не в теории, а на практике. Точнее, его компилирует и исполняет движок JS. Таких движков существует несколько, разрабатывались они разными людьми и для разных целей. Было бы наивно предполагать, что все они полностью идентичны друг другу. А значит, время разобраться, как же на самом деле хранятся вполне конкретные данные на вполне конкретном движке JS. В качестве испытуемого возьмем один из самых распространенных, на сегодняшний день, движок V8 от компании Google.

Но, прежде чем мы приступим к разбору, давайте вспомним основные теоретические моменты.

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

👉 @frontend_1

Хабр
Глубокий JS. В память о типах и данных

Уровень: Senior , Senior+ Всех нас учили, что в JavaScript есть примитивные и ссылочные типы данных. Исчерпывающая информация есть в документации MDN , а на просторах интернета полно статей на этот...

21.04.2024 / 07:04

JavaScript фишки

Простые решения для сложных задач с Intersection Observer API
MatchMedia для определения типа устройства
Форматирование чисел в JavaScript
Форматирование дат под локаль пользователя
Множественная форма существительных в JS
Работа со ссылками в JavaScript
Расчет временной дистанции в JavaScript
Глубокое копирование объекта в JavaScript

источник

👉 @frontend_1

Video is too big
Video is too big
Video is too big
Video is too big
Video is too big
Video is too big
Video is too big
18.04.2024 / 20:04
Отзывы: - 0
Поделитесь вашим мнением! Оставьте отзыв:

Похожие

Избранное