Обложка канала

Frontend разработчик. Страница 2

12650 @frontend_1

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

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

    Градиентные тени на CSS Мне часто задают вопрос: Возможно ли создать тени из градиентов, а не из сплошных цветов? В СSS не существует конкретного свойства для этого (поверьте мне, я проверял), а в любом посте по этой теме содержится только множество хитростей для того, чтобы получить что-то похожее на градиент. В этой статье я расскажу вам о некоторых из них. css-tricks.com/differe…-shadows 👉 @frontend_1
  • Frontend разработчик

    Angular Internals: Как работает реактивность в Zone.js Эта статья представляет собой углубленный взгляд на то, как работает Angular под капотом. Содержание статьи может быть непонятным, если вы еще не знакомы с JavaScript. unicorn-utterances.com/posts/a…s-zonejs 👉 @frontend_1
    Angular Internals: How Reactivity Works with Zone.js

    Reactivity is core to JavaScript frameworks; changing data should cause a re-render. How does this work in Angular? Let's dive into the Angular source code to see.

    Unicorn Utterances
  • Frontend разработчик

    🔥Устали от скучной работы? Возьмите жизнь в свои руки! OTUS запускает онлайн-курс, который поможет вам сменить профессию на более интересную в самой быстрорастующей отрасли — IT. Занятия проводят действующие IT-эксперты в формате видео. А вы сможете задать любой свой вопрос в чате для участников курса. ⚡️На курсе вы узнаете: - Какие профессии есть в IT - Чем занимается тот или иной специалист в IT - На чем основываться при выборе профессии - Как построить свое обучение Преподаватели-практики поделятся с вами практическими инструментами, которые помогут вам осуществить этот значимый шаг в вашей карьере. Не упустите свою возможность стать частью динамичной и инновационной сферы IT! 👇Готовы ли вы принять вызов? Тогда записывайтесь на курсе по ссылке: https://otus.pw/fJdG/ Нативная интеграция. Информация о продукте www.otus.ru
  • Реклама

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

    Optimizt Это консольная утилита, помогающая подготавливать картинки для фронтенда. Она умеет сжимать PNG, JPEG, GIF и SVG с потерями и без, а также создавать AVIF и WebP-версии для растровых изображений. github.com/funbox/…ME.ru.md 👉 @Githublib
  • Frontend разработчик

    Правда о производительности селекторов CSS Если вы веб-разработчик, то, возможно, уже слышали, что некоторые селекторы CSS работают быстрее других. И вы, вероятно, надеетесь найти в этой статье список лучших селекторов для использования. Ну, это не совсем так. Но потерпите, я обещаю, что к концу вы узнаете что-то новое о производительности селекторов CSS. blogs.windows.com/msedged…formance 👉 @frontend_1
  • Frontend разработчик

    Вероятно, вы уже услышали про ChatGPT и другие нейросети, которые доказали — мир специалистов можно изменить в один миг. Но мы знаем, как подготовиться к будущим вызовам. Курсы цифровых профессий — это уникальная возможность обучиться двум перспективным направлениям: Frontend-разработчик и JavaDeveloper. Они предназначены тем, кто заинтересован в развитии навыков в IT-индустрии: курсы подойдут как начинающим специалистам, так и тем, кто хочет начать путь с нуля. На курсе Frontend-разработчик вы научитесь верстать сайты на HTML и CSS и работать с веб-фреймворком React. На программе Java Developerвы поймете, как решать задачи с Git, Java и SQL. Стоимость обучения Frontend-разработке — 120 000 ₽, а Java — 125 000 ₽. В конце вы получите диплом о профессиональной переподготовке и построите стратегию поиска работы. Продолжительность: Java — 17.07.23 – 20.02.24, для Frontend — 10.07.23 – 13.02.24. Не упустите шанс стать специалистом IT-индустрии! Подайте заявку на обучение в СберУниверситете!
  • Frontend разработчик

    Подборка материалов для погружения в Angular: выбор сотрудников Selectel При построении веб-сервисов наши фронтенд-разработчики используют Angular — один из топ-фреймворков с высокой скоростью разработки и низким порогом вхождения. Но несмотря на последнее, во время изучения могут возникнуть трудности с потоками, отписками и другими абстракциями. Поэтому мы попросили коллег порекомендовать полезные ресурсы, которые помогут в освоении этих тем. habr.com/ru/comp…s/713876 👉 @frontend_1
  • Frontend разработчик

    Заканчиваете школу или хотите уйти в сферу IT, но не знаете, где учиться программированию и получить диплом государственного образца? Skillbox совместно с РАНХиГС проводит набор на онлайн-бакалавриат по направлению «Веб-разработка». Всё как в классическом вузе: семинары, сессия, студенческие льготы и отсрочка от армии, только все занятия и экзамены — онлайн. Документы и заявление подаются онлайн. Для зачисления нужно предоставить результаты ЕГЭ или пройти вступительные испытания. Преимущества онлайн-бакалавриата со Skillbox: — Учёба из любой точки мира. — Программа, спроектированная под запросы рынка. — Проекты для портфолио с 1-го курса. — Стажировки и помощь в трудоустройстве. — Диплом бакалавра РАНХиГС государственного образца по специальности «Прикладная информатика». Программировать безумно интересно. Переходите по ссылке за подробностями: https://epic.st/EbkVCV Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
  • Frontend разработчик

    5 важных различий между ref() и reactive() в Vue Если вы попали на эту статью, то, вероятно, имеете базовое представление о реактивности Vue. Однако, как и я, вы, возможно, задаете себе вечный вопрос: каковы основные различия между ref() и reactive()? И когда использовать тот или иной метод? dmitripavlutin.com/ref-rea…nces-vue 👉 @frontend_1
  • Frontend разработчик

    Frontend meetup (Online) 1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ" В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения 2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE Рассмотрим основные подходы к разбиению монолитных фронтедов. 3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций. 4. Beyond Frontend — Алексей Тюльдюков, VK Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером 🗓 12 июля, начало в 19:00 мск, Среда 🚀 Телеграмм канал с анонсами митапов Регистрация на мероприятие
  • Frontend разработчик

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

    Как на практике работать над перфомансом веб-приложения: опыт Авто.ру Последние полтора года я занимаюсь перформансом проекта Авто.ру. И сегодня хочу рассказать о концепции, к которой я пришла за это время, — как работать над перформансом, как искать проблемы и находить решения. Сначала расскажу немного истории и про саму концепцию, потом приведу примеры, а в конце перечислю инструменты, которые я использовала. Примерно полтора года назад мне пришла задача. Если измерить производительность сайта Авто.ру с помощью Lighthouse, то мы получим определенное число. Его надо улучшить, чтобы оно стало как можно ближе к 100. habr.com/ru/comp…s/714656 👉 @frontend_1
  • Frontend разработчик

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

    Топ рекомендаций по Core Web Vitals на 2023 год Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными способами улучшения показателей Core Web Vitals. Core Web Vitals — это часть метрик Web Vitals, используемых для оценки веб-страниц и включенных во все инструменты Google. Владельцы сайтов должны учитывать эти метрики. Каждый показатель Core Web Vitals представляет собой отдельный аспект опыта взаимодействия пользователя с сайтом, измеряемый в полевых условиях и отражающий реальные действия по достижению критически важного результата, ориентированного на пользователя. habr.com/ru/comp…s/714280 👉 @frontend_1
  • Frontend разработчик

  • Реклама

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

    OKLCH в CSS: по­че­му мы ушли от RGB и HSL В CSS мы чаще всего пишем цвета через rgb() или hex — но так сложилось исторически. Новая спецификация CSS Color 4 позволит нам описывать цвета через новые методы. В этой статье мы расскажем, почему нам больше всего нравится oklch(). web-standards.ru/article…-rgb-hsl 👉 @frontend_1
  • Frontend разработчик

    ⚠️ Как перейти из ручного тестирования в автоматизацию на JavaScript? 🦾 Конечно прокачивать свои скилы! Пройди хардкорный тест по автотестированию на JS и проверь свой уровень. Ответишь — пройдешь на продвинутый курс «JavaScript QA Engineer» от OTUS по специальной цене + получишь видео-курс по Git в подарок 🔥 ПРОЙТИ ТЕСТ https://otus.pw/d4zr/ Нативная интеграция. Информация о продукте www.otus.ru
  • Frontend разработчик

    Почему вам не нужна версия для слабовидящих Представьте, что в кафе на застолье пришел веган. Его друзья, зная это, специально выбрали кафе с отдельным меню для веганов. Но в нем только макароны с кабачками и вишневый компот, а в обычном меню есть и картошка, и салаты и другая еда, в которой достаточно заменить пару ингредиентов, чтобы веган мог это есть. Естественно, гость в недоумении? Почему макароны с кабачками? Для чего вообще отдельное веганское меню? Это реальная история, которую рассказал мой друг Дима, проводя аналогию с версиями для слабовидящих. На самом деле раньше я тоже делала отдельную версию для слабовидящих и вбрасывала на сайт, совершенно не разбираясь в том, что такое доступность. Меня зовут Лена Райан, я — frontend-разработчик в X5 Tech, борец за вёрстку кнопок кнопками, доступность и семантику, амбассадор WTM, приношу новости в «Веб-стандарты» и помогаю с активностями в джун-чате, катаюсь на сноуборде и сёрф-скейте. Расскажу о популярных заблуждениях в теме доступности, юридической стороне вопроса и опыте слабовидящего человека. habr.com/ru/comp…s/660691 👉 @frontend_1