Frontend разработчик. Страница 24
12650
@frontend_1
Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.
-
Frontend разработчик
Стоит ли стремиться в финтех? И как писать фронтенд в банке без гипертонии? Разработчики Газпромбанка знают все ответы: на конференции HolyJS 2022 главный инженер разработки Максим Гиленко рассказал, почему нужно оценить все «за» и «против», прежде чем идти в финтех. А еще участники узнали, как замена жесткой бизнес-логики на абстракции может помочь предотвратить выгорание фронтенд-разработчиков в крупной компании. Если ты пишешь на JavaScript и ищешь команду единомышленников, смотри вакансии Газпромбанка > https://vk.cc/cfglFF 
-
Frontend разработчик
Deno_lint — быстрый линтер для JavaScript и TypeScript, написанный на Rust https://github.com/denoland/deno_lint 👉 @frontend_1 -
Frontend разработчик
useId для генерации уникальных ID В React 18 появится новый хук для генерации уникальных id. Этот хук можно использовать для связки названия и инпута: function Checkbox() { const id = useId(); return ( <> <label htmlFor={id}>Do you like React?</label> <input type="checkbox" name="react" id={id} /> </> ); );Проблема, которую решает хук useId, связана с новым подходом серверного рендеринга в React. Раньше для генерации уникальных id использовался простой счетчик. В новой версии React, при использовании конкурентного рендеринга, HTML может передаваться в произвольном порядке. Для генерации уникальных id в хуке useId используется текущая позиция компонента в дереве приложения. Внутри React, id представляет из себя двоичное число. Для дочерних элементов добавляются дополнительные биты слева от последовательности родителя, которые представляет положение дочернего элемента на текущем уровне дочерних элементов.00101 00010001011010101 ╰──┬──╯ ╰────────┬────────╯ Fork 5 of 20 id родителяЭто позволяет быть уверенным, что каждый вызов useId будет возвращать уникальный id. Если в компоненте несколько лейблов и инпутов, то можно добавить локальные префиксы, что гарантирует уникальность id глобально:function NameFields() { const id = useId(); return ( <div> <label htmlFor={id + '-firstName'}>First Name</label> <div> <input id={id + '-firstName'} type="text" /> </div> <label htmlFor={id + '-lastName'}>Last Name</label> <div> <input id={id + '-lastName'} type="text" /> </div> </div> ); }Хотя так делать не обязательно, если несколько раз вызвать useId в одном компоненте, то каждый из них вернёт свой уникальный id. github.com/reactwg…ions/111 ✍️ @React_lib -
Реклама
-
Frontend разработчик
Вводное руководство по непрерывной интеграции и доставке/развертыванию (CI/CD) для фронт разработчиков. Инженеры-программисты должны следовать лучшим практикам в создании надежного и простого в обслуживании программного обеспечения, и возникает несколько проблем, которые мешают командам разработчиков быстро выпускать программное обеспечение, такие как Ручной процесс развертывания Отсутствие автоматизированного тестирования Интеграция кода С помощью Continuous Integration and Delivery/Deployment (CI/CD) эти проблемы легко решаются с помощью автоматизации. В этой статье я объясню, что такое CI/CD, каковы его преимущества и как вы можете применить его на практике в качестве Frontend Developer. 👉 @frontend_1 
-
Frontend разработчик
:where() :is() :has()? CSS селекторы, которые сделют вашу жизнь проще. polypane.app/blog/wh…e-easier 👉 @frontend_1 
-
Frontend разработчик
Паттерны и антипаттерны в Node.js Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, как Express.js. Эта простота обеспечивает большую гибкость. Однако при создании масштабируемых сетевых приложений, управляемых сетью, можно запутаться в том, каким шаблонам следовать. Эта статья посвящена некоторым паттернам и лучшим практикам, которым следует следовать при создании приложений Node.js. Вы узнаете о стиле кодирования, обработке ошибок, логгерах и тестировании. Давайте начнем! ✍️ @nodejs_lib 
-
Frontend разработчик
Делаем текстовый редактор с Lexical и React. Термин WYSIWYG очень часто используется в программном обеспечении для описания текстового редактора или системы, которая дает вам возможность редактировать текст в насыщенном формате. В текстовом редакторе WYSIWYG вы, по сути, видите, как будет выглядеть конечный результат в процессе работы над документом. Такой подход выгоден тем, что обеспечивает немедленную обратную связь, в отличие от систем, где вам приходится писать на языке разметки, например, markdown. blog.logrocket.com/build-r…al-react 👉 @frontend_1 
-
Frontend разработчик
Toggle Switch | cpc-on-off - Анимированный переключатель, выполненный с помощью Slim, SCSS и JavaScript #codepen #scss #js Подпишись👉 @codepen_1 -
Frontend разработчик
Подборка каналов для IT специалистов 🎯 https://t.me/php_lib Библиотека PHP программиста 👨🏼💻👩💻 https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С https://t.me/kotlin_lib Подборки полезного материала по Kotlin https://t.me/nodejs_lib Подборки по Node js и все что с ним связано https://t.me/React_lib Подборки по React js и все что с ним связано https://t.me/ruby_lib Библиотека Ruby программиста Программирование C++📌 https://t.me/cpp_lib Библиотека C/C++ разработчика https://t.me/cpp_knigi Книги для программистов C/C++ Программирование Python 📌 https://t.me/pythonofff Python академия. Учи Python быстро и легко🐍 https://t.me/BookPython Библиотека Python разработчика https://t.me/python_real Python подборки на русском и английском https://t.me/python_360 Книги по Python Rus Java разработка 📌 https://t.me/BookJava Библиотека Java разработчика https://t.me/java_360 Книги по Java Rus GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков Разработка игр 📌 https://t.me/game_devv Все о разработке игр Вакансии 📌 https://t.me/sysadmin_rabota Системный Администратор https://t.me/progjob Вакансии в IT Чат программистов📌 https://t.me/developers_ru Библиотеки 📌 https://t.me/book_for_dev Книги для программистов Rus https://t.me/programmist_of Книги по программированию https://t.me/proglb Библиотека программиста https://t.me/bfbook Книги для программистов БигДата, машинное обучение 📌 https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning Программирование 📌 https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций https://t.me/coddy_academy Полезные советы по программированию QA, тестирование 📌 https://t.me/testlab_qa Библиотека тестировщика Шутки программистов 📌 https://t.me/itumor Шутки программистов Защита, взлом, безопасность 📌 https://t.me/thehaking Канал о кибербезопасности Книги, статьи для дизайнеров 📌 https://t.me/ux_web Статьи, книги для дизайнеров https://t.me/arhitekturamira World Architecture Системное администрирование 📌 https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало) https://t.me/sysadminof Книги для админов, полезные материалы https://t.me/i_odmin Все для системного администратора https://t.me/i_odmin_book Библиотека Системного Администратора https://t.me/i_odmin_chat Чат системных администраторов https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др. Английский 📌 https://t.me/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют Метавселенная, GameFi, Crypto 📌 https://t.me/metaverse360 DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий Excel лайфхак📌 https://t.me/Excel_lifehack 1C программист Cтатьи, курсы, советы, шаблоны кода 1С
-
Frontend разработчик
Полное руководство для начинающих по npm css-tricks.com/a-compl…e-to-npm 👉 @frontend_1 
-
Frontend разработчик
NoJS — Создание калькулятора с использованием только чистого HTML и CSS. No Javascript! blog.scottlogic.com/2022/01…tml.html 👉 @frontend_1 
-
Frontend разработчик
Погружаемся в Window object. https://www.sitepoint.com/javascript-window-object/ 👉 @frontend_1 -
Frontend разработчик
Шпаргалка по CSS Grid 👉 @frontend_1 
-
Frontend разработчик
Академия Яндекса впервые проведет Открытый лекторий https://clck.ru/sKNr4. Это бесплатный образовательный проект, где можно прокачаться по востребованным IT-направлениям: • разработка интерфейсов; • бэкенд-разработка на Python и Java; • мобильная разработка на Android, iOS и Flutter; • маркетинг в IT и управление проектами и продуктами. В программе более 100 вебинаров: это и традиционные лекции, и семинары с разбором реальных бизнес-кейсов вместе с топовыми экспертами Яндекса, которые создают и продвигают сервисы для миллионов людей. Каждый сможет выбрать занятия из разных блоков и составить свою уникальную программу. Сегодня в 19:15 по мск состоится открытие - https://www.youtube.com/watch?v=Cr_WwzjSJOI), Даша Золотухина, HRD Яндекса, начнет мероприятие, поделится историей Школ, а руководители Школ расскажут о том, как получить максимум от обучения, подсветят вдохновляющие -
Frontend разработчик
Шпаргалка FRONTEND JS 👉 @frontend_1 -
Реклама
-
Frontend разработчик
Шпаргалка по CSS https://htmlcheatsheet.com/css/ 👉 @frontend_1 
-
Frontend разработчик
Найди ошибку в React-компоненте: Функциональное Карри В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Найдите ошибку. ✍️ @React_lib 
-
Frontend разработчик
Traffic Run Game with Three.js - Игра, сделанная с помощью CSS и библиотеки Three.js Управление осуществляется с помощью клавиш Up и Down #codepen #css #js Подпишись👉 @codepen_1