Size: a a a

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

2021 September 20
Библиотека фронтендера
⚛️ Яндекс уже во всю переводит React проекты на Mobx

Применение Mobx ускоряет фронтенд разработку в несколько раз. Это следствие удобства написания и простоты чтения кода других разработчиков. Однако, из-за новизны экосистемы, сложно начать новый проект. Шаблон нового проекта можно посмотреть по ссылке

https://github.com/react-declarative/list-app-mobx
источник
Библиотека фронтендера
Руководство по принципам моушн-дизайна

Если элементы интерфейса не демонстрируют основные принципы моушн-дизайна, пригодность пользовательского опыта стоит под вопросом. В контексте пользовательского интерфейса, моушн-дизайн  —  это гораздо больше, чем внешняя отделка.

https://proglib.io/w/c0025f32

#interface
источник
Библиотека фронтендера
Управление памятью в JavaScript

Подробный разбор: https://proglib.io/w/0ec1c5e3

#javascript
источник
2021 September 21
Библиотека фронтендера
Поприветствуйте CSS-запросы от контейнера

Запросы от контейнера уже здесь, и они сделают вашу жизнь намного проще: https://proglib.io/w/c72821af

#css #layout
источник
Библиотека фронтендера
Front-end 2021 Roadmap & Trends | Что учить в 2021?

Год подходит к концу, но еще есть время выучить что-нибудь новенькое!

https://proglib.io/w/700acf59

#digest #video #roadmap
YouTube
Front-end 2021 Roadmap & Trends | Что учить в 2021?
#YauhenK #webDev #frontend2021 #ityoutubersru

Всем привет!
2020 подходит к концу и самое время для того что бы задуматься о планах на следующий год. И сейчас я говорю о технологическом стеке веб-разработчика. В данном видео я поделюсь с вами отличной дорожной картой изучения веба на 2021 год. А так же расскажу о трендах front-end направления и о том на какие технологии стоит обратить внимание в наступающем году.
Будет интересно!

✒ Полезные ссылки:
✔ Итоговая Roadmap: https://drive.google.com/file/d/1ynnd6ULzVd6FWtFD5hbKBxsEUFhesy4K
✔ Полезные материлы (видео-курсы, статьи): https://github.com/YauhenKavalchuk/useful/blob/main/front-end-2021.md

✒ Timeline:
✔ 0:00 - Введение
✔ 2:09 - HTML
✔ 2:40 - CSS
✔ 4:25 - JavaScript (Basics)
✔ 6:27 - Front-end (Basics)
✔ 9:39 - Front-end (Additional)
✔ 14:26 - Back-end (Basics)
✔ 19:12 - Mobile (Frameworks)
✔ 19:51 - Desktop (Frameworks)
✔ 20:05 - Tools (Basics)
✔ 22:36 - Tools (Additional)
✔ 23:39 - Testing

✒ Полный список готовых и планируемых курсов:
✔ Trello: htt…
источник
Библиотека фронтендера
Gatsby: The Definitive Guide (2021)
Автор: Preston So
Количество страниц: 913

Используемый Nike, Costa Coffee и другими компаниями по всему миру, Gatsby становится одной из ключевых технологий в экосистеме Jamstack (JavaScript, API и markup). С помощью этого подробного руководства вы узнаете, как проектировать, создавать и развертывать сайты Gatsby независимо или с помощью CMS, коммерческих систем и других источников данных.

Во время чтения книги вы:
✔️Узнаете, как Gatsby работает со многими источниками данных и надстройками;
✔️Научитесь устанавливать, настраивать и проектировать сайты Gatsby с помощью интерфейса командной строки Gatsby, React, JSX и GraphQL с высокой производительностью;
✔️Научитесь развертывать сайты Gatsby с полным CI / CD и тестовым покрытием на различных платформах, включая Netlify, Vercel и Gatsby Cloud.

Достоинства:
➕Множество примеров кода;
➕Глубокое погружение в тему.

Недостатки:
➖Не замечено.

Скачать книгу
источник
Библиотека фронтендера
23 сентября в 19:00 по Москве SuperJob и Сбер проведут онлайн-митап по фронтенду больших приложений.

В программе полезные доклады📃 и интересные знакомства!

Спикеры и темы:
- Петр Солопов, руководитель отдела фронтенд-разработки в SuperJob: «Релизим фронтенд несколько раз в день»

- Эмиль Фролов, Lead fullstack developer, SberAI: «Облачная библиотека компонентов»

- Виталий Старов, старший фронтенд-разработчик SuperJob: «Особенности применения SSR на большом проекте»

✅Участие бесплатное! Регистрируйтесь по ссылке https://s-j.su/3koWl
источник
Библиотека фронтендера
Как прибирать за собой и почему важно это делать? (Vue/React)

Утечки памяти могут привести к замедлению и падению вашего приложения. Разбираемся, как их избежать: https://proglib.io/w/f33f4384

#performance
источник
2021 September 23
Библиотека фронтендера
Используй Async/Await в JavaScript, как профессионал

Разбираемся, как работает асинхронный код: https://proglib.io/w/1958497b

#javascript
источник
Библиотека фронтендера
Как стилизовать любой инпут - советы и техники

https://proglib.io/w/eb9c3b56

#css #interface
источник
Библиотека фронтендера
5 стратегий для сокращения времени сборки фронтенда с CI/CD

https://proglib.io/w/753d8df8

#tools
источник
2021 September 24
Библиотека фронтендера
7 шагов по защите JavaScript в 2021 году

JavaScript сегодня используется повсюду. Он работает как в вашем браузере, так и на сервере. Кроме того, JavaScript сильно зависит от сторонних библиотек. Следовательно, для защиты JavaScript необходимо следовать передовым методам, чтобы уменьшить площадь атаки. Но как обеспечить безопасность приложений JavaScript?

https://proglib.io/w/0bb54333

#security
источник
Библиотека фронтендера
Совместное использование компонентов React с различными библиотеками управления состоянием

https://proglib.io/w/127ba024

#react
источник
Библиотека фронтендера
❓Хочешь быть востребованным фронтендером или фуллстек-разработчиком?  

🔥
Тогда без фреймворка React.js не обойтись!
Погрузитесь в возможности этого инструмента на онлайн-курсе «React.js Developer» https://otus.pw/iWOJ/

⏰ Занятия начнутся 28 сентября.
Пройдите вступительный тест и присоединяйтесь к группе, пока остались места с бонусной скидкой.
источник
Библиотека фронтендера
Навигация с плавной прокруткой и отслеживанием текущей позиции

👉 с IntersectionObserver
👉 на чистом CSS

#interface
источник
2021 September 25
Библиотека фронтендера
1 октября в Москве пройдет Russia Open Source Summit, где на одной площадке соберутся все, кто в России создает программное обеспечение на основе открытого кода.

На открытии саммита будет представлен проект стратегии развития Open Source в России. После презентации проекта всем участникам мероприятия предложат выбрать одну из рабочих групп для внесения предложений в документ.
В рамках деловой программы будет выделен отдельный трек для шоу-кейсов (питчей) от стартапов, созданных на базе открытого кода. Можно подать заявку на выступление.

Принять участие можно бесплатно, регистрация на сайте.
Мероприятие начнется в 10:00 на площадке Radisson Collection Hotel.

Подготовка стратегии ведется российским экспертным ИТ-сообществом в открытом формате, в том числе на площадке Telegram.
источник
2021 September 26
Библиотека фронтендера
🕸 17 убийственных сайтов для веб-разработчиков

Хранение под рукой полезных сайтов – хороший способ повышения производительности труда для дизайнера или веб-разработчика. Разберем некоторые из лучших инструментов, способных уменьшить объем вашей повседневной рутины.

https://proglib.io/w/6f63d4f6

#tools
источник
Библиотека фронтендера
Учиться чему-либо бывает непросто: многие откладывают обучение, не могут выделить на него время, теряются в количестве информации или, наоборот, не могут найти актуальные источники. Команда «Библиотеки программиста» хотела бы исследовать вопрос для дальнейшего развития проекта и посему просим вас выделить пару минут своего времени на гугл форму: https://forms.gle/qVJEULRbbHTJTzYr6
источник
2021 September 27
Библиотека фронтендера
❓Насколько эффективно вы работаете в фреймворках JavaScript?

Новый уровень мастерства ждет тех, кто сможет пройти вступительный тест онлайн-курса «JavaScript Developer. Professional» от OTUS.

⏰ Занятия начнутся уже завтра, 28 сентября. Успейте присоединиться к группе, пока остались места с бонусной скидкой.
источник
2021 September 28
Библиотека фронтендера
Критерии качества вёрстки

Практикующие веб-разработчики из сообщества обсуждают критерии качества вёрстки в 2021 году, рассуждают о стандартах HTML и CSS и разбираются, как отличить хорошего разработчика от плохого.

https://proglib.io/w/860f15bd

#video
YouTube
Критерии качества вёрстки: круглый стол с Никитой Дубко и Алексеем Авдеевым
Позвали практикующих веб-разработчиков из сообщества и обсудили с ними критерии качества вёрстки в 2021 году. Спросили их мнение о стандартах HTML и CSS — так ли важны критерии, применимы ли они на практике, и как отличить хорошего разработчика от плохого.

Спикеры:
- Лёша Симоненко — директор по развитию HTML Academy и веб-разработчик с опытом более 20 лет.
- Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.».
- Никита Дубко — руководитель группы в Яндекс.Поиске, редактор новостей сообщества «Веб-стандарты».
- Алексей Авдеев — сеньор фронтенд-разработчик, технический директор в Mish.Design.

Перед просмотром рекомендуем ознакомиться со статьёй «Критерии качества вёрстки в 2021 году»: https://habr.com/ru/company/htmlacademy/blog/566244/

Станьте прокаченным веб-разработчиком и научитесь писать качественный код с помощью профессий:
«Фронтенд-разработчик»: https://tml.io/jtinw
«React-разработчик»: https://tml.io/aa5mh
«Бэкенд-разработчик»: https://tml.io/cp6nd
«Фулстек-разработчик»: https://tml.io/7zejr

Тайм…
источник