🚀 Коллекция React-компонентов и библиотек

https://github.com/brillout/awesome-react-components

👉 @frontend_1

⚡️ Освойте востребованную IT-профессию за 9 месяцев. На курсе «Профессия Веб-разработчик» вы с нуля научитесь создавать полноценные веб-приложения и начнёте работать уже в процессе обучения на платформе.

Вы узнаете, как:

👉верстать сайты на HTML и CSS для любых устройств и размеров экранов;
👉программировать логику на JavaScript и PHP;
👉работать с JavaScript-фреймворками — React, Vue или Angular;
👉создавать серверную часть при помощи Node.js и Laravel.

На курсе много практики. Вы создадите до 10 проектов для своего портфолио на GitHub и поучаствуете в командной разработке с тимлидом, а мы поможем вам с трудоустройством в одну из компаний-партнёров.

Сделайте шаг к востребованной профессии — оставьте заявку на курс и получите скидку: https://clc.to/BNM1-w

A Web Developer's Ultimate Guide to the Terminal on macOS

https://dev.to/scrimba/a-web-developers-ultimate-guide-to-the-terminal-on-macos-3lmb

👉 @frontend_1

10 самых распространенных проблем JavaScript, с которыми сталкиваются разработчики

https://www.toptal.com/javascript/10-most-common-javascript-mistakes

👉 @frontend_1

Краткий обзор Bun — новой среды выполнения JavaScript

В этой статья я немного расскажу вам о Bun — новой среде выполнения JavaScript-кода.

Обратите внимание: Bun — это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений пока не рекомендуется.

👉 @frontend_1

Understanding the JavaScript Window Object

https://www.sitepoint.com/javascript-window-object/

👉 @frontend_1

Путешествие веб-страницы 🛣️ - Как работают браузеры

https://dev.to/gitpaulo/journey-of-a-web-page-how-browsers-work-10co

👉 @frontend_1

Эволюция подходов к работе с таблицами во фронтенде

В этом посте расскажу про эволюцию подходов к работе с ними, что меняется на пути от нескольких сотен до сотен тысяч элементов в таблице.

https://habr.com/ru/company/samokat_tech/blog/711202/

👉 @frontend_1

Component party

Примеры синтаксиса популярных JavaScript-фреймворков

https://component-party.dev/

👉 @frontend_1

Вещи, которые полезно знать о React.js

Несколько слов о мотивации написать эту статью. Большинство вещей, о которых я тут хочу рассказать, вы можете узнать из документации React. Но проводя собеседования последние пару лет я понял, что многие разработчики о них не знают по каким-то причинам, может просто не вчитывались внимательно или этому не уделено достаточного внимания в самой документации. Так что я решил собрать тут несколько моментов и разобрать их, чтобы тот кто прочитает эту статью, начал понимать React чуть лучше и стал более осознанно использовать те или иные инструменты в работе. Так же это будет полезно тем, кто хочет подготовиться к собеседованию и не ударить в грязь лицом, когда их будут гонять по реакту.

https://habr.com/ru/post/679452/

✍️ @React_lib

Быстрый совет: Отрицательная задержка анимации

Вот маленький совет CSS, который поможет сделать ступенчатую анимацию более естественной: Отрицательная задержка анимации. Я видел, как этой идеей делились мастера CSS-анимации Jhey и Amit в разных случаях, и это настолько аккуратный маленький трюк, что им стоит поделиться здесь!

👉 @frontend_1

Подборка Telegram каналов для программистов

https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике
https://yangx.top/xakep_1 Статьи из "Хакера"

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

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

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

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

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux

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

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

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

CSS Awesome Sticky Bubble Effect

https://medium.com/@rocchokcoco/css-awesome-sticky-bubble-effect-d2cc23241153

👉 @frontend_1

🔥 Вы готовы начать этот год с мощнейшего Web3-события? 

Спешим объявить об онлайн-хакатоне VK NFT x Definition для разработчиков. Участникам первого Web3-хакатона от ВКонтакте нужно будет создать мини-приложения, основанные на технологии NFT. В декабре соцсеть уже запустила сервис VK NFT, в котором можно управлять токенами. Теперь разработчики будут придумывать новые решения c NFT, а авторы лучших продуктов разделят призовой фонд — 1 500 000 рублей 🦾

Участникам надо будет решить одну из трёх задач:
1. Сделать сервис по созданию и авторизации NFT-билетов.
2. Создать механизм управления доступом к контенту через NFT.
3. Разработать любой другой интересный продукт на основе технологии NFT. 

Приглашаются frontend, backend/web3-разработчики и UX/UI-дизайнеры

🗓 Дата проведения:

18–19 февраля 2023 года, онлайн.

Регистрация открыта до 16 февраля 2023 года. 

👉 Узнать подробности и подать заявку на участие можно на сайте хакатона: https://cnrlink.com/definitionhack5

Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript

Сатья на Rus

Сатья на Eng

👉 @frontend_1

Fluid Type Scale Calculator

Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.

https://www.fluid-type-scale.com/calculate

👉 @frontend_1