29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Web Development 2024 Roadmap & Trends | Что учить в 2024?
Евгений Ковальчук собрал тренды для начинающих веб разработчиков, на которые стоит сделать упор при изучении. Все доп ресурсы в описании к видео.
https://www.youtube.com/watch?v=f76BnFk3pLI
Yandex Query: сервис федеративных запросов к Object Storage, PostgreSQL и ClickHouse®
Сервис позволяет выполнять аналитические и потоковые запросы к структурированным и частично структурированным данным с помощью YQL — диалекта SQL.
Возможности сервиса:
▫️ Межсистемная аналитика: выполняйте федеративные запросы сразу к Object Storage, PostgreSQL и ClickHouse®, агрегируйте полученные результаты и обрабатывайте их как единое целое.
▫️ Потоковая обработка данных: позволяет обрабатывать и анализировать данные в режиме реального времени по мере их поступления
▫️ Полностью управляемый сервис: нет необходимости следить за кластерами и управлять их мощностью. Ресурсы для исполнения запросов выделяются в момент запуска и освобождаются после завершения, а сами запросы начинают исполняться сразу же.
💬 Подробнее про сервис по ссылке.
CSS border-image
О сложном, но классном свойстве border-image: способы применения для реализации красивого дизайна.
https://www.smashingmagazine.com/2024/01/css-border-image-property/
- Как думаешь, изучить фронтед самостоятельно - реально?
- Вероятно, что да, но мы не советуем.
-А если нет возможности оплатить курс?
-Готов сразу взяться за дело?
Привет, это команда ICHY School и мы обучаем фронтенд разработке.
О тебе: хочешь стать разработчиком с нуля, изучаешь программирование самостоятельно или планируешь перейти в разработку из другой IT-профессии.
О нас:
⚡️Сначала трудоустройство, оплата потом. Все для твоей уверенности.
⚡️Куратор, с которым ты обсудишь все тонкости разработки и узнаешь все о работе в ведущих IT-компаниях
⚡️Реальные проекты в портфолио.
⚡️Живое общение и классное комьюнити
⚡️Подготовка и помощь в трудоустройстве
Интересно? Нам тоже!
Оставляй заявку здесь, продолжим наше знакомство! Реклама. ИП Панкратов И.В ИНН: 500915684952 Erid:2VtzqwH19SN
Почему React перерендеривает компонент
Большой гайд по причинам дополнительных рендеров и оптимизации производительности React.
https://dev.to/adevnadia/react-re-renders-guide-why-components-re-render-4ml
Новый год — старт для ваших новых карьерных возможностей 🎄
6 февраля приглашаем на Зимнюю ярмарку вакансий, которая пройдёт офлайн и онлайн. Это классная возможность стать частью IT-сообщества Яндекса и познакомиться с теми, кто создаёт сервисы с многомиллионной аудиторией.
Что вас ждёт
🔸 Вакансии для стажёров
Узнаете о новых вакансиях и задачах, а также сможете лично пообщаться с командами и подать заявку туда, где понравится больше всего.
🔸 Полезные лекции
Узнаете о технологиях и кейсах из практики от экспертов Яндекса. Лекции пройдут по основным направлениям стажировки: бэкенд, фронтенд, мобильная разработка, аналитика и машинное обучение.
🔸 Нетворкинг со стажёрами Яндекса
Узнаете, как они проходили отбор, как готовились и чем планируют заниматься дальше. Сейчас в Яндексе одновременно стажируются более 600 человек — им есть что рассказать.
Как попасть на Зимнюю ярмарку вакансий
Чтобы попасть на ярмарку, нужно пройти предварительный отбор — решить задачи на Яндекс Контесте до 31 января включительно. Мы проверим решения, оценим анкеты и позовём лучших на день стажёра в Москве. Приглашения придут до 2 февраля включительно.
🍭 Закрытое шоу
Тех, кто решит все задачи из Контеста, мы пригласим на вечернее закрытое шоу «Всё в плюсе». Это соревнование между различными бизнес-группами Яндекса, в которых примут участие и стажёры, и топовые разработчики. Знакомство с различными сервисами, нетворкинг с действующими стажёрами, вечеринка с кавер-группой и диджеем — это то, что ждёт вас на шоу.
Узнать подробности и подать заявку — https://yandex.ru/yaintern/intern-day.
Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden
https://habr.com/ru/companies/ruvds/articles/784542/
Как использовать кастомную easing функцию для анимации с помощью WebAnimations API
Оказалось не так просто как кажется. Подробности с примерами в статье.
https://www.bram.us/2024/01/12/waapi-custom-easing-function/
Улучшаем работу с файлами в NodeJs с fsx
Введение в бибилиотеку fsx, предлагающей современный подход в работе с файлами на JS.
https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/
Проработка размеров элементов управления
Интерактивный и большой гайд с примерами от Ахмада Шадида по проектированию удобных элементов управления для разных устройств.
https://ishadeed.com/article/target-size/
Кейсы для использования :has селектора
Примеры использования селектора :has, в которых он упрощает стилизацию или помогает избавиться от использования JS.
https://www.builder.io/blog/css-2024-has
Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы
Большая лекция с практическими примерами от Георгия Бузина
https://www.youtube.com/watch?v=GcwK0vbTf_s
Топ 100 Codepen за 2023 год
Подборка лучших codepen созданных в 2023 году - необычные визуальные эффекты и концепты.
https://codepen.io/2023/popular
11 best parctises для ваших форм логина и регистрации
Несколько советов о том, как сделать ваши формы более удобными, доступными и практичными.
https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms
Пишем змейку на JS
Начинаем год с разработки браузерной змейки в ретро стиле на JS + CSS.
https://www.youtube.com/watch?v=uyhzCBEGaBY
Зумим фон при скролле
Пример реализации Scroll Driven Animations
https://frontendmasters.com/blog/background-size-zooming-with-scroll-driven-animations/
Гайд: проектируем систему цветов. Всё про styles, tokens, variables
https://habr.com/ru/articles/781082/
Используем возможности console на максимум
Что можно сделать, используя CSS, SVG и HTML в выводе console (если вы не в Safari).
https://frontendmasters.com/blog/console-delight/
Работа с IndexedDB
Возможности и способы использования IndexedDB, а также основы работы с ней.
https://web.dev/articles/indexeddb?hl=ru
Сборник LeetCode задач
Репозиторий с большой подборкой задач с leetcode с решениями и пояснениями.
https://github.com/azl397985856/leetcode/tree/master/problems
Скрытые возможности элемента <input>
Как разные атрибуты input могут существенно влиять на его поведение.
https://habr.com/ru/companies/ruvds/articles/785690/
Как защититься от Server-Side Request Forgery
Что такое SSRF, чем отличается CSRF и какие методы защиты существуют.
https://www.freecodecamp.org/news/defending-against-ssrf-attacks/
Материалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
JavaScript однопоточный или многопоточный? Ставим точку
Разбираемся как работает JS, чтобы не плавать на интервью.
https://habr.com/ru/articles/786330/
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 18 января.
Web Storage API
Как хранить данные в браузере - ликбез по работе с Session Storage и Local Storage.
https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/
Позвольте себе работать, не вставая с кровати! Углубите знания в веб-разработке, получите практичные инсайты и создавайте новые крутые проекты!
Регистрируйтесь: https://epic.st/EFsuc
Вы научитесь:
— создавать веб-страницы, используя язык разметки HTML и технологию CSS;
— реализовывать серверную часть (backend) веб-приложений на языке PHP;
— работать с базой данных MySQL при помощи языка запросов SQL;
— создавать приложения на языке программирования JavaScript;
— размещать сайты в интернете.
📌Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах.
🎁Подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— 5 полезных подборок материала;
— персональная карьерная консультация. Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
Dependency Inversion принцип в TypeScript
Чем вам поможет подход Dependency Inversion при разработке и поддержке приложений.
https://blog.logrocket.com/dependency-inversion-principle-typescript/
Архитектурный паттерн Dependency Injection в React-приложении
В статье рассказывается какой профит можно получить, используя паттерн DI и как его внедрить в свое приложение.
https://habr.com/ru/companies/tinkoff/articles/540662/
Псевдоклассы :user-valid и :user-invalid
Улучшаем нативную валидацию полей при помощи селекторов псевдоклассов, которые применяются к полям, которые были изменены пользователем, в отличии от :valid и :invalid.
https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=ru
