Войти в IT | Frontend
Стань Frontend-разработчиком за месяц! Регулярные полезные материалы, которые позволят тебе прокачать свои навыки программирования без особых усилий.
Show more6 464
Subscribers
-15224 hours
-6647 days
-1 93630 days
Posting time distributions
Data loading in progress...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.
Publication analysis
| Posts | Views | Shares | Views dynamics |
01 Механизм повторных попыток в Spring Boot: @Retryable и @Recover
Рассмотрим механизм повторных попыток в Spring Boot с аннотациями @Retryable и @Recovery.
Читать далее… | 95 | 1 | Loading... |
02 Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков
Фронтенд-разработка — это динамично развивающаяся дисциплина, которая занимается созданием и улучшением интерфейса веб-приложений. Разработчики в этой области применяют различные технологии для улучшения дизайна, удобства использования и производительности веб-страниц. В этой статье мы отправимся в путешествие по освоению фронтенд-разработки. Начнем с основополагающих элементов — HTML, CSS и JavaScript, — а потом перейдем к популярными фронтенд-фреймворкам, таким как React и Vue.js.
Читать далее… | 143 | 3 | Loading... |
03 Разработка масштабируемых фронтендов с помощью Feature-Sliced Design
Если вы работаете над крупными фронтенд-приложениями, то наверняка сталкивались с проблемами, связанными с путаницей в проекте.
Скорее всего, созданные в проекте файлы и компоненты настолько зависели друг от друга, что поддержка приложения становилась сплошным мучением!
Читать… | 154 | 1 | Loading... |
04 https://dzen.ru/a/ZkYERKCKkBgtQ53O?share_to=telegram | 161 | 1 | Loading... |
05 Лучшие практики API-авторизации
API (application programming interfaces — интерфейсы прикладного программирования) — это своего рода потайные двери, позволяющие взаимодействовать различным программам. Но не у всех должны быть ключи от каждой двери, как и не у всех программ должен быть неограниченный доступ к каждому API.
Читать… | 170 | 4 | Loading... |
06 Современный подход к разработке с использованием Next.js
Использование традиционных подходов и инструментов разработки приводит к трудностям в достижении эффективной изоляции компонентов. По мере того как приложения усложняются, управление и повторное использование компонентов в различных проектах становится все более сложной задачей.
Читать… | 177 | 3 | Loading... |
07 Мы забываем основы фронтенд-разработки
Я всегда считал, что все не так уж плохо, если есть умелые руки, которые могут делать практически все. Однако наблюдение за ситуацией, сложившейся в последнее время во фронтенд-разработке, заставило меня изменить мнение. Похоже, что, увлекаясь бесконечными трендами, парадигмами и новыми технологиями, мы стали пренебрегать основами фронтенда.
Читать… | 184 | 3 | Loading... |
08 10 полезных методик во фронтенд-разработке React 👌🏻
Вероятно, многие увольнялись ради перспективной должности в другой компании. В течение недели вы знакомитесь с должностными обязанностями (своеобразный отдых от рутины), а затем приходит время заняться делом.
Читать далее… | 183 | 7 | Loading... |
09 Список навыков для начинающих фронтенд-разработчиков 👌🏻
В наше время веб-сайты есть у всех и вся, а возможностей стать фронтенд-разработчиком великое множество. Но поскольку все вокруг меняется с огромной скоростью, становится очень трудно идти в ногу со временем, особенно когда вы только начинаете. Кроме того, не всегда до конца понятно как именно стать фронтенд-разработчиком, так как в Интернете доступны сотни вариантов обучения.
Читать… | 200 | 4 | Loading... |
10 8 советов, как стать лучше во фронтенд-разработке 👩💻
Должен ли я планировать свой проект или лучше сразу погрузиться в процесс разработки? Стоит ли мне внедрить вот этот плагин или вон ту библиотеку? Могу ли я просить о помощи или нужно узнавать всё самому?
Читать далее… | 212 | 5 | Loading... |
11 Пишем фронтенд-компоненты на ванильном JS
12 👌🏻
В наши дни вокруг фронтенд-фреймворков (React, Angular, Vue) много шумихи. Поразмышляем, какую проблему они решают и для чего могут быть полезны.
Читать далее… | 205 | 5 | Loading... |
12 Что должен знать хороший фронтенд-разработчик 👍🏻
В жизни разработчика бывают дни, когда все идет отлично, а бывают дни, когда появляются мысли о смене профессии. Особенно если учесть, что в программной разработке все быстро меняется и каждый день появляются новые фреймворки. Все это неотъемлемая часть работы. Не теряйте уверенность из-за этого. Я подготовил список навыков, освоив которые, вы перестанете сомневаться, хороший ли вы фронтенд-разработчик.
Читать… | 207 | 6 | Loading... |
13 Дизайн системы Netflix
Мы все знакомы с сервисами Netflix. Компания предлагает широкий спектр кино- и телепродуктов, и пользователи готовы ежемесячно вносить абонентскую плату за доступ к этому контенту. У Netflix более 180 миллионов подписчиков в более чем 200странах.
Читать далее… | 200 | 1 | Loading... |
14 Плюсы и минусы Deno 👩💻
В 2018 году Райан Даль, основатель среды выполнения Node для JavaScript, выступил на JSConf — 10 Things I Regret About Node.js. Нечасто доводится слышать как основатель технологии, ставшей парадигмой, высказывается на тему сожалений относительно некоторых аспектов своего детища. Если вы это выступление не смотрели, то очень рекомендую. В нем он подчеркивает недостатки Node, некоторые из которых мы, как разработчики, считаем фичами.
Читать далее… | 199 | 3 | Loading... |
15 Как с помощью Sentry реализовать захват исключений фронтенда
👍🏻
В практике фронтенд-инженеров на каждом шагу возникают ситуации, когда пользователи сообщают об аномальном выполнении функций. Для обнаружения проблем специалисты изо всех сил пытаются воспроизвести на месте эти аномалии, но результат оказывается нулевым. С другой стороны, операционная среда фронтенд-кода, такая как браузеры ПК, мобильные браузеры и пр., является сложной и неконтролируемой. Это означает, что в коде могут возникать различные непредсказуемые ошибки.
Читать далее… | 225 | 1 | Loading... |
16 Python Django: Front End на React 👌🏻
Предполагается ваше предыдущее знакомство с основами Python-фреймворка Django и JavaScript-фреймворка React. Если вы впервые устанавливаете Django или React, то сперва прочитайте указанные в окончании руководства статьи.
Читать далее… | 222 | 1 | Loading... |
17 Pricing Card - готовые карточки с выбором ценового плана на год или месяц. | 223 | 0 | Loading... |
18 В помощь джунам: как легко разместить сайт на VPS
В этой статье речь пойдёт о том, как быстро и безболезненно перенести уже готовый сайт на только что созданный VPS.
Читать... | 269 | 5 | Loading... |
19 37 Советов от Senior Frontend Разработчика. Для начинающих
В этой статье автор поделиться своими советами после более чем 5-летнего опыта работы разработчиком программного обеспечения.
Читать... | 246 | 3 | Loading... |
20 Создание собственного графического клиента ChatGPT с помощью NextJS и Wing
В этой статье описано, как создать собственный графический клиент ChatGPT с помощью NextJS и Wing.
Читать... | 153 | 2 | Loading... |
21 🤖Создание собственного графического клиента ChatGPT с помощью NextJS и Wing
В этой статье описано, как создать собственный графический клиент ChatGPT с помощью NextJS и Wing.
Читать... | 228 | 1 | Loading... |
22 HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 8
В этой статье мы рассмотрим какие скрытые проблемы с паттерном «visually-hidden» нас ждут, в каких ситуациях кнопка «Закрыть» указывает на выход, и чем вредно значение contents у свойства display.
Читать... | 242 | 5 | Loading... |
23 ⚙️ 3 совета по использованию Git для начинающих
В этой статье мы разберем полезные советы по работе с Git: просмотр журналов, сводки коммита и сравним команды merge и rebase.
Читать... | 224 | 5 | Loading... |
24 3 совета по использованию Git для начинающих
В этой статье мы разберем полезные советы по работе с Git: просмотр журналов, сводки коммита и сравним команды merge и rebase.
Читать... | 164 | 3 | Loading... |
25 37 Советов от Senior Frontend Разработчика. Для начинающих
В этой статье автор поделиться своими советами после более чем 5-летнего опыта работы разработчиком программного обеспечения.
Читать... | 249 | 8 | Loading... |
26 Как грамотно оформленная структура макетов в Figma помогает экономить время и деньги 👌🏻
В этой статье я поделюсь своим опытом и некоторыми советами, как можно оптимизировать свой рабочий процесс и помочь команде лучше ориентироваться в ваших работах.
Читать... | 252 | 6 | Loading... |
27 Попытка создать идеальный компонент формы
Как я создавал свою библиотеку для работы с формой, какие сложности встретил и как их решал. Попытка типизировать вообще все и несколько интересных typescript кейсов, которые могут оказаться полезными.
Читать... | 225 | 3 | Loading... |
28 Очистка операторов импорта TypeScript с помощью псевдонимов путей
В мире программирования особенно ценятся кодовые базы, которые легко поддаются чтению. "Незасоренные" операторы импорта во многом способствуют этой цели. Сегодня поговорим о том, как сделать их чище с помощью псевдонимов путей.
Читать... | 229 | 1 | Loading... |
29 Гибкая ORM для Node.js – Sequelize
Когда начинаешь делать очередной проект, появляется желание упростить себе жизнь и лишний раз не писать SQL-запросы. В таком случае было бы неплохо познакомиться с технологией ORM.
Читать... | 227 | 1 | Loading... |
30 Эволюция главного экрана: хаос, исследования и редизайн
В этой статье я расскажу, как мы решились полностью переделать главный экран, какие исследования для этого потребовались и как мы проходили этот сложный путь.
Читать... | 227 | 2 | Loading... |
31 Предложение по стандартизации сигналов для TC39
Энтузиасты JavaScript-сообщества разработали предложение по стандартизации сигналов для рассмотрения в TC39. Каждый из вас может не только ознакомиться с этим предложением, но и внести свой вклад в стандарт сигналов, тем самым расширив возможности JS-разработки.
Читать... | 251 | 0 | Loading... |
32 Как я проектирую формы
В этой статье автор рассмотрит проектирования форм на сайте, включая сбор данных, обработку, обязательные поля, обработку ошибок, сообщения об успешной отправке, общие принципы работы форм.
Читать... | 242 | 10 | Loading... |
33 Веб-разработка: 15 материалов для самостоятельного изучения
В этой статье вы узнаете о 15 ресурсах для самостоятельного изучения веб-разработки, включая материалы по CSS, JavaScript и HTML.
Читать... | 240 | 8 | Loading... |
34 Как мы боролись за доступность сайта по всему миру, настраивали GeoDNS и причём здесь Суринам
В этой статье мы расскажем, как боролись за доступность сайта для всех пользователей, с какими препятствиями сталкивались и как их обходили.
Читать... | 240 | 1 | Loading... |
35 Попытка создать идеальный компонент формы
Как я создавал свою библиотеку для работы с формой, какие сложности встретил и как их решал. Попытка типизировать вообще все и несколько интересных typescript кейсов, которые могут оказаться полезными.
Читать... | 221 | 2 | Loading... |
36 Продуктовый подход к pet-проекту или как я разработал музыкальное веб-приложение
В этой статье я расскажу, как стоит подходить к разработке pet-проектов, чтобы учиться эффективнее.
Читать... | 263 | 7 | Loading... |
37 Анатомия htmx
Hello world!
По данным 2023 JavaScript Rising Stars библиотека htmx заняла второе место в разделе Front-end Frameworks (первое место вполне ожидаемо принадлежит React) и десятое место в разделе Most Popular Projects Overall.
Читать далее… | 252 | 0 | Loading... |
38 Как оживить фронтенд: 8 лучших JS-библиотек для анимации
Разумная доза анимации способна кардинально изменить эстетику, атмосферу и удобство веб-приложения. Расскажем о популярных библиотеках, которые помогут улучшить пользовательский опыт.
Читать далее... | 263 | 8 | Loading... |
39 Создание собственного графического клиента ChatGPT с помощью NextJS и Wing
К концу этой статьи вы создадите и развернете клиент ChatGPT с помощью Wing и Next.js. Это приложение может запускаться локально (в локальном облачном симуляторе) или развертываться у вашего собственного облачного провайдера.
Читать... | 253 | 4 | Loading... |
40 10 CSS-однострочников для преобразования веб-приложения
Эти 10 CSS-однострочников позволят изменить внешний вид и поведение веб-приложения всего за несколько минут! Они помогут справиться с такими задачами, как повышение адаптивности изображений, отмена float-элементов, создание пользовательских стилей флажков и многими другими.
Читать... | 246 | 6 | Loading... |
Механизм повторных попыток в Spring Boot: @Retryable и @Recover
Рассмотрим механизм повторных попыток в Spring Boot с аннотациями @Retryable и @Recovery.
Читать далее…
Механизм повторных попыток в Spring Boot: @Retryable и @Recover
Реализуем обработку временных сбоев в Spring Boot, рассмотрим аннотации для соответственных поведений. Проверим механизм в действии, отправив HTTP-запрос.
❤ 1🔥 1🤔 1
Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков
Фронтенд-разработка — это динамично развивающаяся дисциплина, которая занимается созданием и улучшением интерфейса веб-приложений. Разработчики в этой области применяют различные технологии для улучшения дизайна, удобства использования и производительности веб-страниц. В этой статье мы отправимся в путешествие по освоению фронтенд-разработки. Начнем с основополагающих элементов — HTML, CSS и JavaScript, — а потом перейдем к популярными фронтенд-фреймворкам, таким как React и Vue.js.
Читать далее…
Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков
Фронтенд-разработка - постоянно развивающаяся область, требующая от разработчиков адаптации к новым технологиям, практикам и лучшим cтандартам. Сегодня рассмотрим ее базовые основы, включая HTML, СSS и JavaScript, а также поговорим о более продвинутых концепциях.
❤ 2🔥 2👍 1🤯 1
Разработка масштабируемых фронтендов с помощью Feature-Sliced Design
Если вы работаете над крупными фронтенд-приложениями, то наверняка сталкивались с проблемами, связанными с путаницей в проекте.
Скорее всего, созданные в проекте файлы и компоненты настолько зависели друг от друга, что поддержка приложения становилась сплошным мучением!
Читать…
Разработка масштабируемых фронтендов с помощью Feature-Sliced Design
Предлагаем пошаговое руководство по созданию современных фронтендов с помощью Feature-Sliced Design и Bit. Использование этого подхода позволит организовать приложение в четко структурированном виде, быстро ориентироваться в нем и лучше понимать его специфику.
👍 1⚡ 1❤ 1🔥 1🤯 1👀 1
Show all...
Вышли из себя и очень сожалеете о последствиях. Учимся справляться с гневом и жить в гармонии с окружающими
Статья автора «Академия экстравертов | Психология отношений» в Дзене ✍: Чувствовать себя неудобно из-за того, что сорвались, может быть даже полезно.
❤ 1🤔 1🤯 1👨💻 1👀 1
Лучшие практики API-авторизации
API (application programming interfaces — интерфейсы прикладного программирования) — это своего рода потайные двери, позволяющие взаимодействовать различным программам. Но не у всех должны быть ключи от каждой двери, как и не у всех программ должен быть неограниченный доступ к каждому API.
Читать…
Лучшие практики API-авторизации
Надежная API-авторизация необходима для защиты цифровых активов и поддержания доверия пользователей. Изучите 4 лучшие практики для реализации этой процедуры: авторизацию на основе токенов, детальный контроль доступа, конфигурацию безопасного API-шлюза и шифрование конфиденциальных данных при передаче и хранении.
👍 1⚡ 1🤔 1
Современный подход к разработке с использованием Next.js
Использование традиционных подходов и инструментов разработки приводит к трудностям в достижении эффективной изоляции компонентов. По мере того как приложения усложняются, управление и повторное использование компонентов в различных проектах становится все более сложной задачей.
Читать…
Современный подход к разработке с использованием Next.js
Мощные современные инструменты Bit и Ripple CI внесли кардинальные улучшения в подход к разработке на Next.js. Они представляют современный и эффективный процесс создания композитных приложений. Рассмотрим подробнее преимущества Bit и Ripple CI и возможности их интеграции в Next.js.
❤ 2🔥 1🤔 1🤯 1
Мы забываем основы фронтенд-разработки
Я всегда считал, что все не так уж плохо, если есть умелые руки, которые могут делать практически все. Однако наблюдение за ситуацией, сложившейся в последнее время во фронтенд-разработке, заставило меня изменить мнение. Похоже, что, увлекаясь бесконечными трендами, парадигмами и новыми технологиями, мы стали пренебрегать основами фронтенда.
Читать…
Мы забываем основы фронтенд-разработки
Почему, увлекаясь новыми подходами, мы пренебрегаем основами разработки? Может ли следование лучшим практикам лишить критического мышления? Всегда ли стоит все усложнять и оптимизировать? Поразмыслим над этими вопросами, анализируя фрагменты кода из реальных проектов.
❤ 2👍 1⚡ 1👨💻 1
10 полезных методик во фронтенд-разработке React 👌🏻
Вероятно, многие увольнялись ради перспективной должности в другой компании. В течение недели вы знакомитесь с должностными обязанностями (своеобразный отдых от рутины), а затем приходит время заняться делом.
Читать далее…
10 полезных методик во фронтенд-разработке React
Рассмотрим практики и методики, которые упрощают создание приложений в React, делают код более эффективным и читабельным, упрощают его обслуживание.
❤ 2🤔 2👍 1👨💻 1
Список навыков для начинающих фронтенд-разработчиков 👌🏻
В наше время веб-сайты есть у всех и вся, а возможностей стать фронтенд-разработчиком великое множество. Но поскольку все вокруг меняется с огромной скоростью, становится очень трудно идти в ногу со временем, особенно когда вы только начинаете. Кроме того, не всегда до конца понятно как именно стать фронтенд-разработчиком, так как в Интернете доступны сотни вариантов обучения.
Читать…
Список навыков для начинающих фронтенд-разработчиков
В наше время веб-сайты есть у всех и вся, а возможностей стать фронтенд-разработчиком великое множество.
👍 2❤ 2⚡ 1🔥 1
8 советов, как стать лучше во фронтенд-разработке 👩💻
Должен ли я планировать свой проект или лучше сразу погрузиться в процесс разработки? Стоит ли мне внедрить вот этот плагин или вон ту библиотеку? Могу ли я просить о помощи или нужно узнавать всё самому?
Читать далее…
8 советов, как стать лучше во фронтенд-разработке
Должен ли я планировать свой проект или лучше сразу погрузиться в процесс разработки? Стоит ли мне внедрить вот этот плагин или вон ту библиотеку? Могу ли я просить о помощи или нужно узнавать всё самому?
⚡ 2👍 2👨💻 2