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
加入频道
🌟 Хотите создать чат-бота? Выберите Golang! 🌟

11 декабря в 20:00 МСК приглашаем вас на открытый урок, где вы узнаете, как с помощью Go разработать собственного бота для мемов — от идеи до готового функционала!

Этот урок подойдёт как новичкам, так и опытным разработчикам, которые хотят освоить Go и добавить немного юмора в свои проекты. К концу занятия у вас будет работающий бот и практические знания!

🚀 Регистрируйтесь на вебинар прямо сейчас! Все участники получат скидку на курс «Go (Golang) Developer Basic»: https://vk.cc/cFRPdZ

Не упустите возможность прокачать свои навыки и развлечься! 💻

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
👍1👎1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.

Создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов. Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл

https://github.com/OnedocLabs/react-print-pdf

👉 @frontend_1
👍6
Совет по javascript 💡

Более короткий способ проверки нескольких условий OR в javascript 🤩

👉 @frontend_1
👍6👎1
Подборка Telegram каналов для программистов

Системное администрирование 📌
https://yangx.top/sysadmin_girl Девочка Сисадмин
https://yangx.top/srv_admin_linux Админские угодья
https://yangx.top/linux_srv Типичный Сисадмин

https://yangx.top/linux_odmin Linux: Системный администратор
https://yangx.top/devops_star DevOps Star (Звезда Девопса)
https://yangx.top/i_linux Системный администратор
https://yangx.top/linuxchmod Linux
https://yangx.top/sys_adminos Системный Администратор
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

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

Базы данных (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/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
https://yangx.top/books_reserv Книги для программистов

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

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию
https://yangx.top/rust_lib Полезный контент по программированию на Rust
https://yangx.top/golang_lib Библиотека Go (Golang) разработчика
https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT
https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

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

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

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

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

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

Математика 📌
https://yangx.top/Pomatematike Канал по математике
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике

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

https://yangx.top/tikon_1 Новости высоких технологий, науки и техники💡
https://yangx.top/mir_teh Мир технологий (Technology World)

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT
🔥21
💡HTML-элемент <meter> в действии


👉 @frontend_1
👍6🔥5
🔥Открытый вебинар "Управление состоянием с Pinia для Vue 3"

Новый взгляд на управление состоянием в Vue 3!

Познакомьтесь с Pinia — современным менеджером состояния, который пришёл на смену Vuex.

Что узнают участники?
- Как использовать Pinia, чтобы гибко и реактивно управлять состоянием в Vue 3.
- Принципы настройки и организации состояния, улучшение производительности приложений.
- Применение Pinia в реальных проектах: от небольших приложений до крупных SPA.

🤖Что будет на вебинаре?
- Основы работы с Pinia — нового стандартного менеджера состояния в Vue 3.
- Применение Pinia для создания реактивного и гибкого управления состоянием.
- Оптимизация взаимодействия компонентов с помощью Pinia, примеры использования и настройка.

🎁Регистрируйтесь на урок 18 декабря, в 18:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cG4TwG

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👎1
Совет по Javascript 💡

Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов

👉 @frontend_1
👍2🤔2
This media is not supported in your browser
VIEW IN TELEGRAM
Пример кастомных курсоров на CSS 🧑‍💻🚀

👉 @frontend_1
👍8
CSS Grid

👉 @frontend_1
👍15
Бесплатный курс по Vue.js

Бесплатный курс по Vue.js: о структуре
#1 Зачем нужен Vue.js? - Vue.js: концепции
#2 Реактивность - Vue.js: концепции
#3 Двустороннее связывание - Vue.js: концепции
#4 Как во Vue.js использовать Х - Vue.js: нюансы
#5 Знакомство - Vue.js: практика
#6 Декларативность - Vue.js: концепции
#7 «Теория ограничений» - Vue.js
#8 Бизнес логика или детали реализации? - Vue.js: концепции
#9 Учимся учиться - Vue.js: практика

источник

👉 @frontend_1
👍74💩4
Кривые Безье

Кривые Безье были постоянной темой в моей карьере фронтенд-инженера. Я широко использовал их в своей работе - в анимации и SVG-путях иллюстраций и иконок. Однако только недавно я заинтересовался пониманием логики, лежащей в основе их поведения. Эта статья раскрыла для меня тайны, связанные с использованием команд кривых путей, и дала мне более глубокое понимание веб-анимации. В этой статье я поделюсь своими интересными открытиями в области кривых Безье.

В CSS-анимации функции смягчения задают скорость изменения свойства с течением времени. Существует 3 типа функций смягчения - линейная, ступенчатая и кубическая кривая Безье.

https://blog.richardekwonye.com/bezier-curves

👉 @frontend_1
👍4🔥2🥰1