Component party
Примеры синтаксиса популярных JavaScript-фреймворков
https://component-party.dev/
👉 @frontend_1
Примеры синтаксиса популярных JavaScript-фреймворков
https://component-party.dev/
👉 @frontend_1
❤7
Подборка шпаргалок для разработчиков🚀
Шпаргалка по HTML, CSS и JavaScript
https://htmlcheatsheet.com/js/
Шпаргалка по JavaScript
https://quickref.me/javascript
Шпаргалка по React.js
https://devhints.io/react
Шпаргалка по HTML5 Canvas
https://simon.html5.org/dump/html5-canvas-cheat-sheet.html
Шпаргалка по Easing functions
https://easings.net/ru#
Анимации CSS3
http://www.justinaguilar.com/animations/#
CSS Grid
https://grid.malven.co/
👉 @frontend_1
Шпаргалка по HTML, CSS и JavaScript
https://htmlcheatsheet.com/js/
Шпаргалка по JavaScript
https://quickref.me/javascript
Шпаргалка по React.js
https://devhints.io/react
Шпаргалка по HTML5 Canvas
https://simon.html5.org/dump/html5-canvas-cheat-sheet.html
Шпаргалка по Easing functions
https://easings.net/ru#
Анимации CSS3
http://www.justinaguilar.com/animations/#
CSS Grid
https://grid.malven.co/
👉 @frontend_1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Forwarded from React
Вещи, которые полезно знать о React.js
Несколько слов о мотивации написать эту статью. Большинство вещей, о которых я тут хочу рассказать, вы можете узнать из документации React. Но проводя собеседования последние пару лет я понял, что многие разработчики о них не знают по каким-то причинам, может просто не вчитывались внимательно или этому не уделено достаточного внимания в самой документации. Так что я решил собрать тут несколько моментов и разобрать их, чтобы тот кто прочитает эту статью, начал понимать React чуть лучше и стал более осознанно использовать те или иные инструменты в работе. Так же это будет полезно тем, кто хочет подготовиться к собеседованию и не ударить в грязь лицом, когда их будут гонять по реакту.
https://habr.com/ru/post/679452/
✍️ @React_lib
Несколько слов о мотивации написать эту статью. Большинство вещей, о которых я тут хочу рассказать, вы можете узнать из документации React. Но проводя собеседования последние пару лет я понял, что многие разработчики о них не знают по каким-то причинам, может просто не вчитывались внимательно или этому не уделено достаточного внимания в самой документации. Так что я решил собрать тут несколько моментов и разобрать их, чтобы тот кто прочитает эту статью, начал понимать React чуть лучше и стал более осознанно использовать те или иные инструменты в работе. Так же это будет полезно тем, кто хочет подготовиться к собеседованию и не ударить в грязь лицом, когда их будут гонять по реакту.
https://habr.com/ru/post/679452/
✍️ @React_lib
🔥6
Быстрый совет: Отрицательная задержка анимации
Вот маленький совет CSS, который поможет сделать ступенчатую анимацию более естественной: Отрицательная задержка анимации. Я видел, как этой идеей делились мастера CSS-анимации Jhey и Amit в разных случаях, и это настолько аккуратный маленький трюк, что им стоит поделиться здесь!
👉 @frontend_1
Вот маленький совет CSS, который поможет сделать ступенчатую анимацию более естественной: Отрицательная задержка анимации. Я видел, как этой идеей делились мастера CSS-анимации Jhey и Amit в разных случаях, и это настолько аккуратный маленький трюк, что им стоит поделиться здесь!
👉 @frontend_1
👍2🔥2
Подборка 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
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
👍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
Спешим объявить об онлайн-хакатоне 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
💩1
Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript
Сатья на Rus
Сатья на Eng
👉 @frontend_1
Сатья на Rus
Сатья на Eng
👉 @frontend_1
🔥3👎2
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
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
Fluid-Type-Scale
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.
Базовое понимание принципа Eventloop
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не достигнет конца. Но тогда это означало бы, что если требуется обратиться к серверу, то приходилось бы ждать ответа и только затем переходить к следующей операции, а пользователь ничего бы не смог сделать, пока идет обработка. К счастью, это не так, но как же происходят асинхронные действия и каким образом JavaScript может обрабатывать несколько операция одновременно?
https://habr.com/ru/post/680846/
👉 @frontend_1
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не достигнет конца. Но тогда это означало бы, что если требуется обратиться к серверу, то приходилось бы ждать ответа и только затем переходить к следующей операции, а пользователь ничего бы не смог сделать, пока идет обработка. К счастью, это не так, но как же происходят асинхронные действия и каким образом JavaScript может обрабатывать несколько операция одновременно?
https://habr.com/ru/post/680846/
👉 @frontend_1
👍1
How to Copy HTML and CSS Code From Websites Easily
https://tympanus.net/codrops/2022/08/02/how-to-copy-html-and-css-code-from-websites-easily/
👉 @frontend_1
https://tympanus.net/codrops/2022/08/02/how-to-copy-html-and-css-code-from-websites-easily/
👉 @frontend_1
💩2
Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт
https://razrabs.ru/post/2990237f-8b27-4b96-bdee-09128cc1acfa
👉 @frontend_1
https://razrabs.ru/post/2990237f-8b27-4b96-bdee-09128cc1acfa
👉 @frontend_1
👍8🤡4
Дзен ищет Frontend-разработчика в команду форматов
Вакансия для тех, кто шарит в React, Redux, TypeScript, RxJS, server-side rendering на Node.js, фронтендит более 2-ух лет и работал с Git.
Что по задачам: нужно будет разрабатывать клиентскую бизнес-логику, заниматься адаптивной и кросс-браузерной вёрсткой с помощью React и Redux, работать с анимацией в браузерах и создавать тесты для автоматической проверки логики и внешнего вида компонентов.
Ещё больше информации здесь, стоит попробовать: http://bit.ly/3x69nnL
👉 @frontend_1
Вакансия для тех, кто шарит в React, Redux, TypeScript, RxJS, server-side rendering на Node.js, фронтендит более 2-ух лет и работал с Git.
Что по задачам: нужно будет разрабатывать клиентскую бизнес-логику, заниматься адаптивной и кросс-браузерной вёрсткой с помощью React и Redux, работать с анимацией в браузерах и создавать тесты для автоматической проверки логики и внешнего вида компонентов.
Ещё больше информации здесь, стоит попробовать: http://bit.ly/3x69nnL
👉 @frontend_1
🔥2
MyJavaScript
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, а также Блог по веб-разработке.
https://my-js.org/
👉 @frontend_1
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, а также Блог по веб-разработке.
https://my-js.org/
👉 @frontend_1
👍12
Fantastic CSS border animation
https://dev.to/chokcoco/fantastic-css-border-animation-5166
👉 @frontend_1
https://dev.to/chokcoco/fantastic-css-border-animation-5166
👉 @frontend_1
👍6
Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT"
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
👍8