front_end_dev | Технологии

Telegram-канал front_end_dev - FrontEndDev

29203

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

Подписаться на канал

FrontEndDev

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем 18 января.

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

FrontEndDev

Web Storage API

Как хранить данные в браузере - ликбез по работе с Session Storage и Local Storage.

https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/

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

FrontEndDev

Позвольте себе работать, не вставая с кровати! Углубите знания в веб-разработке, получите практичные инсайты и создавайте новые крутые проекты!

Регистрируйтесь: https://epic.st/EFsuc

Вы научитесь:
— создавать веб-страницы, используя язык разметки HTML и технологию CSS;
— реализовывать серверную часть (backend) веб-приложений на языке PHP;
— работать с базой данных MySQL при помощи языка запросов SQL;
— создавать приложения на языке программирования JavaScript;
— размещать сайты в интернете.

📌Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах.

🎁Подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— 5 полезных подборок материала;
— персональная карьерная консультация.

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

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

FrontEndDev

Dependency Inversion принцип в TypeScript

Чем вам поможет подход Dependency Inversion при разработке и поддержке приложений.

https://blog.logrocket.com/dependency-inversion-principle-typescript/

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

FrontEndDev

Архитектурный паттерн Dependency Injection в React-приложении

В статье рассказывается какой профит можно получить, используя паттерн DI и как его внедрить в свое приложение.

https://habr.com/ru/companies/tinkoff/articles/540662/

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

FrontEndDev

Псевдоклассы :user-valid и :user-invalid

Улучшаем нативную валидацию полей при помощи селекторов псевдоклассов, которые применяются к полям, которые были изменены пользователем, в отличии от :valid и :invalid.

https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=ru

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

FrontEndDev

Используем Github Pages для хостинга NextJs приложения

Простой туториал по конфигурации Github Pages и NextJs.

https://www.viget.com/articles/host-build-and-deploy-next-js-projects-on-github-pages/

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

FrontEndDev

TypeScript фичи, которые повысят уровень вашей разработки

hamsterhomka/e40a3424fa50" rel="nofollow">https://medium.com/@hamsterhomka/e40a3424fa50

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

FrontEndDev

Тестирование JavaScript c помощью Jest

Вводный курс за 1 час.

https://www.youtube.com/watch?v=IPiUDhwnZxA&ab_channel=freeCodeCamp.org

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

FrontEndDev

Используем CSS Subgrid для создания продвинутой разметки

https://blog.logrocket.com/designing-advanced-layouts-with-css-subgrid/

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

FrontEndDev

Фронтендеры, общий сбор ❄️

22 декабря в 19:00 проведём уже пятый A?.Frontend Meetup. На этот раз — в Санкт-Петербурге и онлайн.

Коллеги из Альфа-Банка, Сбера, BetaRobotics и Тинькофф обсудят связь IT-специалиста с комьюнити, стресс-менеджмент в программировании, какой профит можно получить от T-shape навыков, а ещё зачем фронтендеру микросервисы, CI/CD, Pipeline и Kubernetes ⚙️

Присоединяйтесь — зарегистрироваться на митап и узнать подробности можно по ссылке.

Реклама. АО "АЛЬФА-БАНК" ИНН 7728168971

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

FrontEndDev

Пример реализации инпута для одноразовых паролей

https://chriscoyier.net/2023/12/04/html-css-for-a-one-time-password-input/

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

FrontEndDev

Участвуй в захватывающих Всероссийских соревнованиях по спортивному программированию «Фонкод»!

Дисциплина: «Программирование алгоритмическое».

💰 Общий призовой фонд составляет целых 2 000 000 рублей!
20 счастливчиков получат 10 000 рублей.
Гарантированные призы первым 2000 учасникам!
Это твой шанс не только продемонстрировать свои навыки, но и выиграть крутые призы!

К участию приглашаются:

Учащиеся средних образовательных учреждений и лицеев России в возрасте от 14 до 17 лет.
Обучающиеся высших и средне-специальных учебных заведений.
Работники организаций сферы ИТ России (18+).

📝 Регистрация участников уже открыта на официальной платформе проведения соревнований – ЗАРЕГИСТРИРОВАТЬСЯ
Не упусти свой шанс стать частью этого захватывающего события!

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

FrontEndDev

Как работают JS Promise

Туториал для начинающих.

https://www.freecodecamp.org/news/javascript-promise-object-explained/

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

FrontEndDev

Создание SVG через код

25 примеров, которые помогут вам ближе познакомиться с созданием SVG через код. Автор проведет вас через все функциональные возможности от простого к сложному.

https://svg-tutorial.com/

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

FrontEndDev

Кейсы для использования :has селектора

Примеры использования селектора :has, в которых он упрощает стилизацию или помогает избавиться от использования JS.

https://www.builder.io/blog/css-2024-has

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

FrontEndDev

Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы

Большая лекция с практическими примерами от Георгия Бузина

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

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

FrontEndDev

Топ 100 Codepen за 2023 год

Подборка лучших codepen созданных в 2023 году - необычные визуальные эффекты и концепты.

https://codepen.io/2023/popular

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

FrontEndDev

11 best parctises для ваших форм логина и регистрации

Несколько советов о том, как сделать ваши формы более удобными, доступными и практичными.

https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms

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

FrontEndDev

Пишем змейку на JS

Начинаем год с разработки браузерной змейки в ретро стиле на JS + CSS.

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

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

FrontEndDev

Веб компонент снежинок

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

https://www.zachleat.com/web/snow-fall/

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

FrontEndDev

HTML и CSS ошибки, влияющие на доступность

4 статья из цикла про разработку приложений с учетом опыта незрячих пользователей.

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

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

FrontEndDev

Думаете о карьере в сфере IT — начните с Python. Этот язык рекомендуют в качестве первого языка программирования, и для начала обучения вам не понадобятся технические знания и навыки.

Запишитесь на бесплатный курс Нетологии «Основы Python: создаём телеграм-бота». Программа акцентирована на практике. За 5 занятий вы погрузитесь в логику и синтаксис языка, изучите основные инструменты для написания кода. С нуля разработаете планировщик задач и создадите полезного Telegram-бота, которым сможет пользоваться кто угодно.

Попробуйте https://netolo.gy/csBo

Реклама. ООО «Нетология». Erid LatgBhTrH

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

FrontEndDev

Линтер Oxlint

Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.

https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html

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

FrontEndDev

10 советов по оптимизации производительности приложений

Краткие советы с ссылками на подробные ресурсы.

https://calendar.perfplanet.com/2023/ten-optimisation-tips-for-an-initial-web-performance-audit/

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

FrontEndDev

16 впечатляющих игр на чистом CSS

Демо и исходники прилагаются.

https://www.frontendplanet.com/css-game-examples/

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

FrontEndDev

Создаем сложную анимацию на ThreeJS

Красивый эффект реагирующий на движение мыши.

Demo | Github

https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/

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

FrontEndDev

Eleventy vs NextJS

Сравниваем 2 фреймворка для генерации статических сайтов: перфоманс, сложность работы, фичи и другие аспекты.

https://blog.logrocket.com/eleventy-vs-next-js-static-site-generation/

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

FrontEndDev

Вам не нужен JS для этого

Несколько примеров того, когда стоит применять правило использования более простых технологий:
▫️переключатель чекбокса
▫️ввод с подсказкой
▫️аккордеон
и еще несколько случаев, когда можно обойтись без JS.

https://www.htmhell.dev/adventcalendar/2023/2/

Статья кстати из HTML Hell адвент календаря, где каждый день декабря выходит новая статья о веб разработке.

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

FrontEndDev

Примеры использования WebShare API

https://blog.logrocket.com/implementing-advanced-features-navigator-share-api/

Читать полностью…
Подписаться на канал