⚛️ 8 мощных библиотек React, которые стоит попробовать в 2021 году
Использование правильных библиотек для оптимизации рабочего процесса – залог успеха. Разбирайте, пока горячие – актуальные в 2021 году библиотеки для React.
https://proglib.io/w/2112b12c
#frameworks #react
Использование правильных библиотек для оптимизации рабочего процесса – залог успеха. Разбирайте, пока горячие – актуальные в 2021 году библиотеки для React.
https://proglib.io/w/2112b12c
#frameworks #react
State of JavaScript 2020
Результаты самого популярного опроса за 2020 год: https://proglib.io/w/cd65f17c
#javascript
Результаты самого популярного опроса за 2020 год: https://proglib.io/w/cd65f17c
#javascript
Stateofjs
State of JS 2020
Ежегодный опрос о последних тенденциях в экосистеме JavaScript.
Динамические размеры липкой боковой панели с HTML и CSS
Как решить проблему с недоступной частью закрепленного в сайдбаре контента.
https://proglib.io/w/fe54a580
#interface
Как решить проблему с недоступной частью закрепленного в сайдбаре контента.
https://proglib.io/w/fe54a580
#interface
Webformyself
Динамические размеры липкой боковой панели с HTML и CSS
Липкое позиционирование с помощью HTML и CSS: создаем фиксированный объект динамических размеров разными способами. Работа с основным элементов flex
Делаем свой minecraft на JavaScriptj
Демо minecraft на JavaScript и three.js: https://proglib.io/w/9c62c44e
#gamedev
Демо minecraft на JavaScript и three.js: https://proglib.io/w/9c62c44e
#gamedev
Что такое JAMstack в 2021?
2020 был неплохим годом для JAM. Эта концепция развивалась, появлялись новые инструменты. Посмотрим, что у нас есть на начало 2021 года: https://proglib.io/w/412722f1
#jam
2020 был неплохим годом для JAM. Эта концепция развивалась, появлялись новые инструменты. Посмотрим, что у нас есть на начало 2021 года: https://proglib.io/w/412722f1
#jam
Remote Synthesis
What Is the Jamstack in 2021?
What Jamstack means is evolving. While labels don’t help you get your work done, they are also important.
Обновление вашего PWA в продакшене
Слышали шутку о том, что если установил ServiceWorker - пора менять домен? Сейчас разберемся, в чём её смысл и что делать, если вы всё-таки решили, что вам необходим PWA.
https://proglib.io/w/4ca4c4f0
#pwa
Слышали шутку о том, что если установил ServiceWorker - пора менять домен? Сейчас разберемся, в чём её смысл и что делать, если вы всё-таки решили, что вам необходим PWA.
https://proglib.io/w/4ca4c4f0
#pwa
Опасности Data URI
Разбираемся в недостатках встраивания ресурсов через base64: https://proglib.io/w/b99aa7c7
#performance
Разбираемся в недостатках встраивания ресурсов через base64: https://proglib.io/w/b99aa7c7
#performance
Как загрузить адаптивные изображения с imagesize и imagesrcset
https://proglib.io/w/20be57a3
#performance
https://proglib.io/w/20be57a3
#performance
Webformyself
Как загрузить адаптивные изображения с imagesize и imagesrcset
Предварительная загрузка адаптивных изображений. Как это сделать с помощью imagesize и imagesrcset. Поддержка браузерами
10 полезных советов для веб-разработчиков по загрузке файлов в HTML
Dозможность загрузки файлов является ключевым требованием для многих веб- и мобильных приложений. От загрузки фотографии в социальные сети до публикации резюме на веб-сайте портала о вакансиях file upload — везде. Как веб-разработчики, мы должны знать, что HTML обеспечивает нативную поддержку загрузки файлов с небольшой помощью JavaScript.
https://proglib.io/w/7cd0a1d5
#interface
Dозможность загрузки файлов является ключевым требованием для многих веб- и мобильных приложений. От загрузки фотографии в социальные сети до публикации резюме на веб-сайте портала о вакансиях file upload — везде. Как веб-разработчики, мы должны знать, что HTML обеспечивает нативную поддержку загрузки файлов с небольшой помощью JavaScript.
https://proglib.io/w/7cd0a1d5
#interface
Webformyself
10 полезных советов для веб-разработчиков по загрузке файлов в HTML
Управление и настройка загрузкой файлов в HTML. Свойства accept. Информация о метаданных. ObjectURL
Sticky + Grid
Можно ли заставить sticky-элементы работать как нужно в grid-раскладке? Да!
https://proglib.io/w/386d3704
#css #layout
Можно ли заставить sticky-элементы работать как нужно в grid-раскладке? Да!
https://proglib.io/w/386d3704
#css #layout
Melanie Richards
Sticky CSS Grid Items
How to get position sticky working on a grid item without setting a hacky height.
Фронтенд-2021: тенденции, как мы их видим
Технологическое состояние фронтенда от TINKOFF: https://proglib.io/w/879fd99a
Технологическое состояние фронтенда от TINKOFF: https://proglib.io/w/879fd99a
Какие медиа Вы читаете?
Пройдите короткий опрос и получите промокод 5% на все курсы Библиотеки программиста!
https://docs.google.com/forms/d/e/1FAIpQLSd3389cZTNhrnifV_5JaQuKVXzUFykk74Y-pK7jVioqlrV3lQ/viewform
Займет всего пару минут ☺️
Пройдите короткий опрос и получите промокод 5% на все курсы Библиотеки программиста!
https://docs.google.com/forms/d/e/1FAIpQLSd3389cZTNhrnifV_5JaQuKVXzUFykk74Y-pK7jVioqlrV3lQ/viewform
Займет всего пару минут ☺️
Google Docs
Какие медиа вы читаете?
Вопросы со звездочкой обязательные, остальные вопросы по желанию.
⚛️ Как меня чуть не уволили за выбор React для корпоративного приложения
Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения.
https://proglib.io/w/7115c59c
#frameworks #react
Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения.
https://proglib.io/w/7115c59c
#frameworks #react
☕️ 7 советов изучающему Vue.js новичку
Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.
https://proglib.io/w/fe8fa290
#vue
Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.
https://proglib.io/w/fe8fa290
#vue
Всем привет!
Мы сделали сервис, который отбирает вакансии по вашим интересам.
Настройте личные фильтры: локация, точный технологический стек, и, конечно, не забудьте о деньгах.
Все самые подходящие предложения рынка – в @GetMeIT_bot
Мы сделали сервис, который отбирает вакансии по вашим интересам.
Настройте личные фильтры: локация, точный технологический стек, и, конечно, не забудьте о деньгах.
Все самые подходящие предложения рынка – в @GetMeIT_bot
Вам показалось! Все о Perceived Performance
В своем докладе на Frontend Live 2020 бывший разработчик Avito Frontend Architecture Алексей Охрименко рассказал о приемах, которые улучшают ощущение скорости там, где ускорить уже нельзя.
https://proglib.io/w/28c1f115
#performance #interface
В своем докладе на Frontend Live 2020 бывший разработчик Avito Frontend Architecture Алексей Охрименко рассказал о приемах, которые улучшают ощущение скорости там, где ускорить уже нельзя.
https://proglib.io/w/28c1f115
#performance #interface
🚀Решись стать разработчиком, а твою подготовку мы возьмем на себя!
И не так важно, сколько тебе лет, чем ты занимался в прошлой жизни и какой у тебя уровень. Наши выпускники подтвердят - успех определяется жесткой методологией, опытными наставниками и убойной практикой.
Вот, как устроен суперинтенсив Algoritmika Coding Bootcamp:
💪 Регулярная практика с перерывом на поспать;
🎖 6 реальных проектов в портфолио - для взыскательного работодателя;
🤩 Горящие преподаватели, которые не позволят застрять: с первого занятия и до первых успешных задач на работе;
🔑 Полное погружение в индустрию и систематизация знаний в твоей голове;
🙋♂️ Прокачка необходимых софт-скиллов: работа в мини-группах, грамотное резюме, тестовые собеседования и пр.
✔️ 2 формата обучения: Full-time на 3 месяца или Part-time на 8 месяцев
Стек: HTML, CSS, JavaScript, React, NodeJS
Наши контакты, истории выпускников и описание программы здесь: https://clck.ru/Sxho8
И не так важно, сколько тебе лет, чем ты занимался в прошлой жизни и какой у тебя уровень. Наши выпускники подтвердят - успех определяется жесткой методологией, опытными наставниками и убойной практикой.
Вот, как устроен суперинтенсив Algoritmika Coding Bootcamp:
💪 Регулярная практика с перерывом на поспать;
🎖 6 реальных проектов в портфолио - для взыскательного работодателя;
🤩 Горящие преподаватели, которые не позволят застрять: с первого занятия и до первых успешных задач на работе;
🔑 Полное погружение в индустрию и систематизация знаний в твоей голове;
🙋♂️ Прокачка необходимых софт-скиллов: работа в мини-группах, грамотное резюме, тестовые собеседования и пр.
✔️ 2 формата обучения: Full-time на 3 месяца или Part-time на 8 месяцев
Стек: HTML, CSS, JavaScript, React, NodeJS
Наши контакты, истории выпускников и описание программы здесь: https://clck.ru/Sxho8
bootcamp.algoritmika.org
Algoritmika Bootcamp
Учим веб-разработке с нуля за 3 месяца интенсивного погружения в профессию
Базовый CSS для адаптивных изображений
Автор статьи подробно разбирает разные способы стилизации изображений в CSS и их сочетание с атрибутами width и height: https://proglib.io/w/f2f1cd2c
#css
Автор статьи подробно разбирает разные способы стилизации изображений в CSS и их сочетание с атрибутами width и height: https://proglib.io/w/f2f1cd2c
#css
Zach Leatherman
Barebones CSS for Fluid Images—zachleat.com
A post by Zach Leatherman (zachleat)
Лучшие практики для создания каруселей
Оптимизируем компонент слайд-шоу для лучшей производительности и доступности: https://proglib.io/w/d5ba96b1
#interface #accessibility #performance
Оптимизируем компонент слайд-шоу для лучшей производительности и доступности: https://proglib.io/w/d5ba96b1
#interface #accessibility #performance