Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
Selectel — продуктовая IT-компания, провайдер IT-инфраструктуры и гордый владелец сети дата-центров.

В канале @selectelcareers:
— карьерные материалы
— актуальные вакансии
— доклады с конференций

Подписывайтесь, чтобы узнать о компании больше: @selectelcareers
Хуки — это лучшее, что случилось с React

React — это самая популярная фронтенд-библиотека из экосистемы JavaScript. Она известна простотой использования и читабельностью кода, создаваемого с её применением. Это позволяет организациям самых разных масштабов успешно внедрять данную библиотеку. Но компоненты, основанные на классах, это громоздкие конструкции, с которыми непросто разобраться. Хуки позволяют работать с состоянием компонентов, с методами их жизненного цикла, с другими механизмами React без использования классов.

Rus https://habr.com/ru/company/ruvds/blog/587728/
Eng https://stackoverflow.blog/2021/10/20/why-hooks-are-the-best-thing-to-happen-to-react/
Системы поддержки принятия врачебных решений, которые разработают участники конкурса AI’M DOCTOR должны будут делать выводы на основе анализа комплекса информации о пациенте, включая медицинскую карту и протоколы осмотров. Также эти системы должны будут уметь обращаться к внешним базам медицинских знаний. При этом важнейшей характеристикой будет способность к проведению дифференциальной диагностики.

Значительную роль сыграет способность системы объяснить свои заключения. Для того, чтобы добиться этого, необходимо осуществить настоящий технологический прорыв, перейдя от «слабого» к «объясняющему» искусственному интеллекту. В данный момент логика работы ИИ-систем (Искусственного интеллекта) скрыта.

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

Подробнее о конкурсе НТИ Up Great AI’M DOCTOR, FB и ВК
Улучшайте свое знание JavaScript разбирая исходный код

Когда вы только начинаете карьеру программиста копание в исходном коде открытых библиотек и фреймворков может казаться чем-то страшным. В этой статье Карл Мунгази делится опытом как он поборол свой страх и стал использовать исходный код для приобретения знаний и развития навыков. Он также использует Redux чтобы показать как он «разбирает» библиотеку.

Rus https://habr.com/ru/post/460181/
Eng https://www.smashingmagazine.com/2019/07/javascript-knowledge-reading-source-code/
HTML — это и есть веб

Что нынче с HTML во фронтенде? В последнее время я разговаривал со многими разработчиками. Похоже, что некоторые даже не разбираются в HTML. В смысле, кое-что они понимают. Они понимают, что такое div и что такое span, и когда всё выглядит хорошо и работает по щелчку, им этого хватает. До такой степени, что многие на вопрос о HTML отвечают: «О, да я сейчас всё делаю в React или Vue». Но на самом деле не имеет значения, что вы пишете только Javascript. Если вы разрабатываете веб-сайты, то HTML — это самое главное для вас. Это и есть веб.

Rus https://habr.com/ru/post/459500/
Eng https://www.petelambert.com/journal/html-is-the-web
Контролируем scroll полностью или реализация события React: onRenderChildrenComplete

Бывало так, что после загрузки страницы, вам нужно сделать прокрутку экрана к заданному месту? Все ли всегда получалось с первого раза? И что делать если скролл все равно дергается в процессе загрузки страницы?

https://habr.com/ru/post/589177/
👍1
[Redux] Мой любимый устаревший вопрос на собеседовании

Время от времени мне приходится проводить собеседования. И сегодня я хочу поделиться моими любимыми вопросами на тему Redux. К сожалению, вопросы уже устарели, т.к. они касаются компонента высшего порядка connect, который активно заменяют на хуки. Но connect может уже и не сильно актуален, а принципы на которых он построен абсолютно не изменились.

https://habr.com/ru/post/588482/
Media is too big
VIEW IN TELEGRAM
Создание волны с помощью CSS без использования JavaScript

Код ниже 👇
👍2
Media is too big
VIEW IN TELEGRAM
SVG Animation Snap Анимация сердца на Snap SVG
This media is not supported in your browser
VIEW IN TELEGRAM
Улучшение производительности vue приложения

У нас в TeamHood есть wiki. Там собралась коллекция рекомендаций, в том числе, по улучшению производительности тяжелого фронтенда на vue.js. Улучшать производительность понадобилось, потому что в силу специфики наши основные экраны не имеют пагинации. Есть клиенты, у которых на одной kanban/gantt доске больше тысячи вот таких вот карточек, все это должно работать без лагов.

https://habr.com/ru/post/543298/
👍1
Frontend SOLID || Архитектура во Фронтенде

Single Responsibility || API package
Open Closed principle
Принцип подстановки Барбары Лисков || The Liskov substitution principle
Принцип разделения интерфейса || Interface Segregation Principle
Dependency Inversion || storage package

https://www.youtube.com/playlist?list=PLz_dGYmQRrr8rWKkoB3BtxF7JpCzUKny_
Чемпионат по программированию: разбираем задачи для фронтенд-разработчиков

https://habr.com/ru/company/yandex/blog/460139/
Favicon - сайт на котором можно себе создать иконку для сайта.

https://www.favicon.cc/
Подборка каналов для программистов 🎯

Системное администрирование 📌
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов

Программирование, фронтенд, мобильная р-ка, книги 📌
https://yangx.top/game_devv GameDev: разработка игр
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

Шутки программистов 📌
https://yangx.top/itumor ITumor | программисты шутят

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров

Учим английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Книги по математике 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют 📈

Вакансии для программистов 📌
https://yangx.top/progjob Вакансии для программистов