FrontEndDev

Web Development 2024 Roadmap & Trends | Что учить в 2024? Евгений Ковальчук собрал тренды для начинающих веб разработчиков, на которые стоит сделать упор при изучении. Все доп ресурсы в описании к видео. https://www.youtube.com/watch?v=f76BnFk3pLI

Зумим фон при скролле Пример реализации Scroll Driven Animations https://frontendmasters.com/blog/background-size-zooming-with-scroll-driven-animations/

Yandex Query: сервис федеративных запросов к Object Storage, PostgreSQL и ClickHouse® Сервис позволяет выполнять аналитические и потоковые запросы к структурированным и частично структурированным данным с помощью YQL — диалекта SQL. Возможности сервиса: ▫️ Межсистемная аналитика: выполняйте федеративные запросы сразу к Object Storage, PostgreSQL и ClickHouse®, агрегируйте полученные результаты и обрабатывайте их как единое целое. ▫️ Потоковая обработка данных: позволяет обрабатывать и анализировать данные в режиме реального времени по мере их поступления ▫️ Полностью управляемый сервис: нет необходимости следить за кластерами и управлять их мощностью. Ресурсы для исполнения запросов выделяются в момент запуска и освобождаются после завершения, а сами запросы начинают исполняться сразу же. 💬 Подробнее про сервис по ссылке.

Гайд: проектируем систему цветов. Всё про styles, tokens, variables https://habr.com/ru/articles/781082/

CSS border-image О сложном, но классном свойстве border-image: способы применения для реализации красивого дизайна. https://www.smashingmagazine.com/2024/01/css-border-image-property/

Используем возможности console на максимум Что можно сделать, используя CSS, SVG и HTML в выводе console (если вы не в Safari). https://frontendmasters.com/blog/console-delight/

- Как думаешь, изучить фронтед самостоятельно - реально? - Вероятно, что да, но мы не советуем. -А если нет возможности оплатить курс? -Готов сразу взяться за дело? Привет, это команда ICHY School и мы обучаем фронтенд разработке. О тебе: хочешь стать разработчиком с нуля, изучаешь программирование самостоятельно или планируешь перейти в разработку из другой IT-профессии. О нас: ⚡️Сначала трудоустройство, оплата потом. Все для твоей уверенности. ⚡️Куратор, с которым ты обсудишь все тонкости разработки и узнаешь все о работе в ведущих IT-компаниях ⚡️Реальные проекты в портфолио. ⚡️Живое общение и классное комьюнити ⚡️Подготовка и помощь в трудоустройстве Интересно? Нам тоже! Оставляй заявку здесь, продолжим наше знакомство! Реклама. ИП Панкратов И.В ИНН: 500915684952 Erid:2VtzqwH19SN

Работа с IndexedDB Возможности и способы использования IndexedDB, а также основы работы с ней. https://web.dev/articles/indexeddb?hl=ru

Почему React перерендеривает компонент Большой гайд по причинам дополнительных рендеров и оптимизации производительности React. https://dev.to/adevnadia/react-re-renders-guide-why-components-re-render-4ml

Сборник LeedCode задач Репозиторий с большой подборкой задач с leetcode с решениями и пояснениями. https://github.com/azl397985856/leetcode/tree/master

​Новый год — старт для ваших новых карьерных возможностей 🎄 6 февраля приглашаем на Зимнюю ярмарку вакансий, которая пройдёт офлайн и онлайн. Это классная возможность стать частью IT-сообщества Яндекса и познакомиться с теми, кто создаёт сервисы с многомиллионной аудиторией. Что вас ждёт 🔸 Вакансии для стажёров Узнаете о новых вакансиях и задачах, а также сможете лично пообщаться с командами и подать заявку туда, где понравится больше всего. 🔸 Полезные лекции Узнаете о технологиях и кейсах из практики от экспертов Яндекса. Лекции пройдут по основным направлениям стажировки: бэкенд, фронтенд, мобильная разработка, аналитика и машинное обучение. 🔸 Нетворкинг со стажёрами Яндекса Узнаете, как они проходили отбор, как готовились и чем планируют заниматься дальше. Сейчас в Яндексе одновременно стажируются более 600 человек — им есть что рассказать. Как попасть на Зимнюю ярмарку вакансий Чтобы попасть на ярмарку, нужно пройти предварительный отбор — решить задачи на Яндекс Контесте до 31 января включительно. Мы проверим решения, оценим анкеты и позовём лучших на день стажёра в Москве. Приглашения придут до 2 февраля включительно. 🍭 Закрытое шоу Тех, кто решит все задачи из Контеста, мы пригласим на вечернее закрытое шоу «Всё в плюсе». Это соревнование между различными бизнес-группами Яндекса, в которых примут участие и стажёры, и топовые разработчики. Знакомство с различными сервисами, нетворкинг с действующими стажёрами, вечеринка с кавер-группой и диджеем — это то, что ждёт вас на шоу. Узнать подробности и подать заявку — https://yandex.ru/yaintern/intern-day.

Скрытые возможности элемента <input> Как разные атрибуты input могут существенно влиять на его поведение. https://habr.com/ru/companies/ruvds/articles/785690/

Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden https://habr.com/ru/companies/ruvds/articles/784542/

Как защититься от Server-Side Request Forgery Что такое SSRF, чем отличается CSRF и какие методы защиты существуют. https://www.freecodecamp.org/news/defending-against-ssrf-attacks/

Как использовать кастомную easing функцию для анимации с помощью WebAnimations API Оказалось не так просто как кажется. Подробности с примерами в статье. https://www.bram.us/2024/01/12/waapi-custom-easing-function/

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

Улучшаем работу с файлами в NodeJs с fsx Введение в бибилиотеку fsx, предлагающей современный подход в работе с файлами на JS. https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

JavaScript однопоточный или многопоточный? Ставим точку Разбираемся как работает JS, чтобы не плавать на интервью. https://habr.com/ru/articles/786330/

Проработка размеров элементов управления Интерактивный и большой гайд с примерами от Ахмада Шадида по проектированию удобных элементов управления для разных устройств. https://ishadeed.com/article/target-size/

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 18 января.