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

Библиотека фронтендера. Страница 7

Полезные материалы по всему, что может быть интересно frontend-разработчику.

  • Библиотека фронтендера

    🌵 Мексиканская перестрелка: какую IT-профессию выбрать джуну в 2023 году, чтобы зарабатывать $100кк в наносек В этой статье мы рассмотрим несколько перспективных IT-направлений, которые приблизят вас к заветным цифрам на вашем банковском счете. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    💭 Споры в айти-сообществе о фуллстек-разработчиках не утихают. Ты вроде умеешь писать и фронт и бэк, а если копнуть глубже, начинаешь плавать. В связи с тем, что именно эта тема подстать нашему сообществу, хотелось бы узнать ваше мнение. Фуллстек-разработчики в 2023 году ценятся на рынке труда?
  • Библиотека фронтендера

    🎙️ Подкаст «Веб-стандарты»: Юля Миоцен, Вадим Макеев, Алексей Симоненко про Safari TP, сабгриды, JS-итераторы, тестирование, гадание по Figma, ES-импорты, CSS-нестинг и редактор Zed. 00:01:39 Safari TP 00:06:53 Сабгриды 00:11:47 Методы итераторов 00:16:48 Chrome для тестирования 00:27:29 Гадания по Figma 00:40:52 Магические импорты 00:53:02 CSS-нестинг 01:12:12 Редактор Zed 01:22:31 Ответы на вопросы 🎙 Слушайте на Ютубе 🎙 Ссылки на сайте #podcast

    Веб-стандарты - 374. Safari TP, сабгриды, JS-итераторы, тестирование, Figma, ES…

    audio/mpeg
  • Реклама

  • Библиотека фронтендера

    Ну что ж, друзья, команда Stack Overflow опубликовала результаты опроса разработчиков за 2023 год. Пришло время подводить итоги. Итак, самые популярные: 🔝Языки программирования, сценариев и разметки: JavaScript, HTML/CSS и SQL. Python хоть и обогнал SQL как третий наиболее часто используемый язык, но занял первое место для тех, кто не является профессиональным разработчиком или не учится программировать. 🔝Веб-фреймворки и технологии: Node.js и React.js. 🔝Базы данных: PostgreSQL и MySQL. 🔝IDE/редакторы кода: Visual Studio Code. 🔝Инструменты: Docker. И кстати, в этот раз отличился Phoenix как самый популярный веб-фреймворк, с которым разработчики больше всего захотят работать в следующем году, в отличие от React, Node.js и Next.js.
  • Библиотека фронтендера

    🧒👾Тест-игра на выживание #2: как джуну получить повышение Прошло какое-то время, вы возмужали и теперь думаете о повышении. Но с чего начать восхождение к вершине и как продвинуться набравшемуся опыта джуну по карьерной лестнице! Знаете, что делать дальше? Проверьте свои шансы на успех и пройдите вторую часть квеста. 🔗 Пройти тест
  • Библиотека фронтендера

    Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

    🎙️У HTML Academy есть подкаст «Про код», в котором Коля Шабалин, Игорь Антонов, Лёша Симоненко и Женя Шкляр разбираются в самых интересных новостях из мира веб-разработки и объясняют их простым языком. Слушайте, чтобы узнать, зачем и кому нужны новые фреймворки, свойства, программы, спецификации, браузеры и всё остальное. ➡️ На сегодняшний день доступно 9 выпусков.

    Telegram
  • Библиотека фронтендера

    Проблема с отключенными кнопками и что делать вместо них Adam Silver считает, что атрибут disabled в кнопках вредит UX. И вот почему: ➖Они не дают обратной связи ➖Из-за них интерфейс кажется сломанным ➖Их трудно увидеть ➖На них нельзя сфокусироваться ➖Они вводят в заблуждение ➖Пользователи могут не заметить, что кнопка становится активной 📌 Что делать вместо этого? 1️⃣Напишите четкую метку и текст подсказки, чтобы пользователи поняли вопрос 2️⃣Начните с одной формы ввода на странице, чтобы уменьшить когнитивную нагрузку 3️⃣Включите кнопку, чтобы пользователи всегда получали обратную связь 4️⃣Прощайте тривиальные ошибки 5️⃣Дайте четкие сообщения об ошибках, чтобы помочь пользователям решить проблему #ux #tip
    The problem with disabled buttons and what to do instead

    Adam Silver – interaction designer - London, UK

    Adamsilver.io
  • Библиотека фронтендера

    Александр Бухтатый, фронтенд-разработчик в Тинькофф, делится одним из способов работы с формами в Angular-проектах, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки. Читать
    Работа с формами в Angular — модуль работы с формами и обертки полей

    Всем привет! Я Александр Бухтатый, frontend-разработчик в Тинькофф, специализируюсь на Angular. Наша команда работает в монорепозитории с четырьмя проектами. В каждом проекте много форм, нужно...

    Хабр
  • Библиотека фронтендера

    Мини-курс по созданию 3D-анимации с помощью React: от настройки до деплоя на Netlify Вы научитесь использовать WebGi (на базе Three.js) и GSAP для создания крутых 3D-эффектов.
    React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

    Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of that model. Next we'll learn how to optimize 3D animations in React for mobile devices. Finally, we'll build this website for production and upload. ✏️ Course created by @CodewithSloba 🔗 Final website: https://sloba-3d-animation-iphone.netlify.app/ 🔗 Starter project: https://github.com/bobangajicsm/iphone-3d-website-starter 🔗 For full source code check https://patreon.com/CodewithSloba 🔗 Webgi SDK https://webgi.xyz/docs/index.html 🔗 3D model credit Reaper3D: https://sketchfab.com/3d-models/iphone-13-pro-max-4f92b60d824a42c89bbf1833374c4f73 🔗 Upload to https://www.netlify.com/ ⭐️ Chapters ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:27) Project setup ⌨️ (0:07:12) Building website navigation ⌨️ (0:15:02) Building jumbotron ⌨️ (0:21:42) Building sound section ⌨️ (0:29:27) Building display section ⌨️ (0:33:27) How to find and load 3D models ⌨️ (0:36:55) Building WebGi viewer component ⌨️ (0:53:17) Animating 3D model with GSAP scroll animation ⌨️ (1:13:42) Implementing 3D model preview mode ⌨️ (1:32:27) Optimizing 3D animation for mobile phones ⌨️ (1:43:31) Building production-ready website and uploading ⌨️ (1:45:07) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

    YouTube
  • Библиотека фронтендера

    Million.js — ориентированная на производительность замена VDOM для React Начавшаяся два года назад как небольшая, не зависящая от библиотек реализация виртуального DOM, Million сейчас — это библиотека, которая ускоряет работу компонентов React до 70 %.
    Million.js

    The Virtual DOM Replacement for React

    million.dev
  • Библиотека фронтендера

    Новый конкурс TVM Challenge для разработчиков смарт-контрактов с призовым фондом в 30 000 Toncoin! Приглашаем разработчиков присоединяться к новому соревнованию TVM Challenge, чтобы продемонстрировать свои навыки и изучить новые варианты использования опкодов, которые будут представлены в предстоящем обновлении TVM. Проекты будут оцениваться по нескольким критерям: актуальность, эффективность, уникальность идеи и техническая сложность. Подробнее — в блоге TON. Конкурс продлится 3 недели, со 2-го по 25-е июня 2023 года. Прием заявок откроется 18 июня в @toncontests_bot. Все необходимые инструменты вы сможете найти в этом посте или на странице конкурса в TON Blog. Желаем удачи всем участникам!
  • Библиотека фронтендера

    💡11 заповедей Junior-разработчика В этой статье дадим несколько дельных советов, которые помогут вам избежать распространенных ошибок на старте карьеры. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    Знакомство, техническая часть и смолл-ток: как обычно проходят собеседования у фронтендеров, какие задачи они решают, а также на что стоит обратить внимание кандидатам при подготовке к интервью в «Ростелеком ИТ». Рассказывает руководитель направления фронтенд-разработки Михаил Синяков. Читать
    Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ»

    Хекслет поговорил с Михаилом Синяковым, Head of Frontend в «Ростелеком ИТ». Мы узнали, как обычно проходят собеседования у фронтендеров, какие задачи они решают, а также на что стоит обратить...

    Хабр
  • Библиотека фронтендера

    🤖 Нейронки кодят за вас: 28 AI-сервисов в помощь разработчику Расскажем о самых полезных новинках, которые помогут написать, отладить и протестировать код, а также ускорят процесс изучения нового стека и подготовку к собеседованию. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    Отложенная загрузка некритичных модулей для повышения производительности: на заметку фронтенд-разработчику. #perfomance #tip by Shripal Soni
  • Реклама

  • Библиотека фронтендера

    🔎 Autocomplete — JavaScript-библиотека от Algolia, позволяющая быстро создавать фичи автозаполнения Данные, заполняющие результаты автозаполнения, называются источниками. Вы можете использовать в своих источниках все, что захотите: статический набор поисковых запросов, результаты поиска из внешнего источника (например, индекс Algolia), недавние поисковые запросы и многое другое.
    GitHub - algolia/autocomplete: 🔮 Fast and full-featured autocomplete library

    🔮 Fast and full-featured autocomplete library. Contribute to algolia/autocomplete development by creating an account on GitHub.

    GitHub
  • Библиотека фронтендера

    Первый в России ускоренный онлайн-бакалавриат «Фронтенд и мобильная разработка» — от Яндекс Практикума и университета ИТМО. — Учёба 2,5 года вместо четырёх лет — Диплом государственного образца по направлению «Прикладная информатика» — Можно выбрать специализацию: фронтенд, iOS- или Android-разработка — Удобно совмещать с работой: обучение онлайн, 20-25 часов в неделю — Преподаватели — действующие разработчики — Стажировка в крупных IT-компаниях — Системное развитие хард-и софтскилов Программы рассчитаны на людей со средним профессиональным или высшим образованием. Обучение почти в два раза короче, потому что формат позволяет перезачесть часть общих предметов и оставить только профильные. Поступайте, чтобы стать востребованным разработчиком и подготовиться к роли тимлида. → Оставить заявку Реклама АНО ДПО "Образовательные технологии Яндекса", ИНН:7704282033, erid: LjN8KCpNz
  • Библиотека фронтендера

    Подробное введение в алгоритм React reconciliation, особенности условного рендеринга, атрибут «key» и причины, по которым вы не должны объявлять компоненты внутри других компонентов. Читать & Смотреть
    React reconciliation: how it works and why should we care

    Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.

    Developerway