Обложка канала

Frontend разработчик. Страница 17

12650 @frontend_1

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

  • Frontend разработчик

    Здоровье программиста: 7 способов быть здоровым При всей своей любви к программированию, оно может быть одним из самых вредных для здоровья. В современном мире разработчики сталкиваются с огромным количеством проблем с физическим и психическим здоровьем. Будь то боли в запястьях и спине, мигрени, напряжение глаз, потеря мотивации или проблемы с концентрацией внимания — программирование может быть довольно рискованной профессией! Вот семь простых способов позаботиться о себе и поддерживать свой разум и тело в отличной форме. @itmozg
  • Frontend разработчик

    Bun - это быстрая универсальная среда выполнения JavaScript. Пакетирование, транспиляция, установка и запуск проектов JavaScript и TypeScript - все это в Bun. Bun - это новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm. https://bun.sh/ 👉 @frontend_1
    Bun is a fast all-in-one JavaScript runtime

    Bundle, transpile, install and run JavaScript & TypeScript projects – all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner and npm client built-in.

    bun.sh
  • Frontend разработчик

    Rust — мультипарадигменный современный язык, который можно применять не только для написания бэкендов, но и для фронтенд-разработки. Почему Rust хорош во Frontend-разработке? 🤔 ⚡️Обсудим 20 октября в 20:00 на бесплатном вебинаре «Rust и Frontend» в OTUS. 📚На занятии мы: - Поговорим, о том, что Rust успешно занял развивающуюся нишу компиляции в WebAssembly - Увидим, что Rust может использоваться не только как основной, но и как вспомогательный инструмент для уже существующих веб-проектов. 👉 Регистрация на вебинар: https://otus.pw/n2HC/ Это занятие — часть онлайн-курса «Rust Developer» для специалистов с опытом программирования.
  • Реклама

  • Frontend разработчик

    Frontend SOLID || Архитектура во Фронтенде Single Responsibility || API package Open Closed principle Принцип подстановки Барбары Лисков || The Liskov substitution principle Принцип разделения интерфейса || Interface Segregation Principle Dependency Inversion || storage package www.youtube.com/playlis…playlist 👉 @frontend_1
  • Frontend разработчик

    The 3 Short October CSS tips

    Hey folks! I'd like to talk about why the gap property is better than margins, to use a min()...

    DEV Community 👩‍💻👨‍💻
  • Frontend разработчик

    Хотите освоить одну из самых «дорогих» IT-профессий в дизайне ― начните с основ UX/UI-дизайна в Figma на бесплатном курсе. Figma — популярный графический редактор, который в сфере ценят за функциональность и гибкость. С его помощью можно создавать баннеры, интерфейсы, прототипы. На курсе «Основы Figma» вы познакомитесь с ключевыми инструментами сервиса и с их помощью решите несколько реальных дизайнерских задач. Подготовите баннер для рекламы, смакетируете лендинг и адаптируете макет, чтобы он корректно отображался на разных устройствах. Регистрация https://netolo.gy/jsu Реклама. ООО «Нетология»
  • Frontend разработчик

    Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript В этом уроке создадим целиком вместе с вёрсткой ToDo list c использованием React, TypeScript, Zustand, ViteJS + будем использовать хранилище LocalStorage. 00:00 Введение. 02:44 Установка и настройка ViteJS 05:47 Настройка структуры директорий 11:55 Постановка задачи. Изучаем макет в Figma. 12:47 Добавляем базовую верстку. 19:28 Знакомимся с zustand. 23:01 Описываем типы todo листа 26:16 Создаём store на zustand 42:44 Работаем над формой добавления задач (InputPlus) 52:49 Добавляем стили к InputPlus. 01:00:55 Отображаем отсутствие задач. 01:02:52 Отображение существующих задач. 01:09:54 Работа над компонентой задачи (InputTask). 01:14:18 Работа над стилями InputTask. 01:21:59 Добавляем mode редактирования для InputTask. 01:30:59 Тестирование + небольшие правки 01:33:19 Погружение в middleware zustand (devtools) 01:37:40 Пишем собственную middleware для LocalStorage. https://www.youtube.com/watch?v=Z0rxniw2nBc 👉 @frontend_1
    Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript

    В этом уроке создадим целиком вместе с вёрсткой ToDo list c использованием React, TypeScript, Zustand, ViteJS + будем использовать хранилище LocalStorage. ❤️ Мой telegram канал: https://t.me/webelart ❤️ Поддержать развитие канала: https://www.patreon.com/webelart Ссылки используемые в уроке: 🌱 Дополнительные материалы к уроку: https://github.com/liveldi/files_for_todo_list.git 🌱 Ссылка на макет: https://www.figma.com/file/sUIxwc0dLGYF3F86mZVdWf/todo-app-(Community) 🌱 State management zustand https://github.com/pmndrs/zustand 🌱 Документация ViteJS https://vitejs.dev Рекомендуемые видео в уроке: ⭐️ Единицы измерения CSS: https://youtu.be/ZcLGyy0YFwk 00:00 Введение. 02:44 Установка и настройка ViteJS 05:47 Настройка структуры директорий 11:55 Постановка задачи. Изучаем макет в Figma. 12:47 Добавляем базовую верстку. 19:28 Знакомимся с zustand. 23:01 Описываем типы todo листа 26:16 Создаём store на zustand 42:44 Работаем над формой добавления задач (InputPlus) 52:49 Добавляем стили к InputPlus. 01:00:55 Отображаем отсутствие задач. 01:02:52 Отображение существующих задач. 01:09:54 Работа над компонентой задачи (InputTask). 01:14:18 Работа над стилями InputTask. 01:21:59 Добавляем mode редактирования для InputTask. 01:30:59 Тестирование + небольшие правки 01:33:19 Погружение в middleware zustand (devtools) 01:37:40 Пишем собственную middleware для LocalStorage. На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

    YouTube
  • Frontend разработчик

    Как найти подстроку в строке? Метод charAt возвращает символ по указанному индексу. Метод includes проверяет, содержит ли строка переданную подстроку. Возвращается true либо false. Вторым параметром возможно передать индекс в строке, с которого надо начать поиск, но это необязательно. Метод search проверяет, присутствует ли в строке переданное значение либо регулярное выражение и возвращает индекс начала совпадения. В случае, если переданное значение не найдено, возвращается -1. @frontend_sovet
  • Frontend разработчик

    Сегодня #RUTUBE открывает дополнительный набор IT-специалистов. В этом году наша команда выросла почти в 3 раза и мы хотим еще. Мы в поиске талантливых технологических экспертов, которые будут развивать крупнейший российский видеохостинг вместе с нами! Вакансии, на которые вы можете откликнуться прямо сейчас: SRE инженер Golang developer Python developer Frontend Developer (react) Android developer IOS developer Инженер по сетевой безопасности Специалист по ИБ веб-сервисов и мобильных приложений Менеджер ИТ проектов Сейчас в RUTUBE собрана сильная команда профессионалов и организованы условия работы на уровне топовых технологических компаний: как с точки зрения сложности и амбициозности задач, так и с точки зрения возможностей развития и конкурентного вознаграждения. С нетерпением ждём ваши резюме! Их можно отправить сюда: [email protected]
  • Frontend разработчик

    Красными, зелёными или любого другого цвета — такими могут быть функции. И, оказывается, задавая функциям атрибут “цвет”, можно описывать и находить “плохие” архитектурные паттерны, такие как, например, вызов логгера из performance-critical участка кода или поход в базу при рендеринге шаблонов. Как применить такой подход, читайте в статье Александра Кирсанова на Хабре: https://vk.cc/chdhxQ Идея абсолютно не зависит от языка и применима к любому: хоть JS, хоть Go. В конце статьи ссылка на open-source инструмент nocolor, который помогает реализовать данную концепцию.
  • Frontend разработчик

  • Frontend разработчик

    ⁉️ Хотите изучать алгоритмы? Приходите на открытый урок «Создание ассоциативного массива» 13 октября в 20:00 мск. 💻 На занятии мы начнем реализовывать популярную структуру данных «ассоциативный массив» для хранения пар (ключ, значение), рассмотрим алгоритмы для решения этой задачи и сравним их эффективность: ✔️ Параллельные массивы ✔️ Отсортированные массивы ✔️ Двоичные деревья поиска 👉 Занятие проведет Евгений Волосатов — ведущий программист с 20-летним опытом. Урок проводится в рамках онлайн-курса «Алгоритмы и структуры данных». Используйте эту возможность, чтобы попробовать обучение и познакомиться с экспертом. 🔥 Для регистрации пройдите вступительный тест
  • Frontend разработчик

    Использование глобальной мемоизации в React Когда наши приложения React становятся медленными, мы обычно обращаемся к useMemo, чтобы избежать бесполезной работы по повторному рендерингу. Это молоток, который часто работает хорошо, и с его помощью трудно выстрелить себе в ногу. Но useMemo не является серебряной пулей - иногда он просто добавляет еще больше бесполезной работы вместо того, чтобы сделать ваше приложение быстрее. blog.thoughtspile.tech/2022/02…bal-memo ✍️ @React_lib
  • Frontend разработчик

    Дженерики в TypeScript Привет, я Сергей Вахрамов, занимаюсь фронтенд-разработкой на Angular. Во фронтенд-разработку вошел напрямую с тайпскрипта, просто перечитав всю документацию. С того момента и спецификация ECMAScript расширилась, и TypeScript сильно подрос. Казалось бы, почему разработчики могут бояться дженериков, ведь бояться там нечего? Мой опыт общения с джуниор-разработчиками говорит, что во многом ребята не используют обобщенные типы просто потому, что кто-то пустил легенду об их сложности. Далее 👉 @frontend_1
  • Frontend разработчик

    Подборка Telegram каналов для программистов🔥 Сохраняйте, чтоб не потерять. https://t.me/itmozg Программисты, дизайнеры, новости из мира IT. https://t.me/phis_mat Обучающие видео, книги по Физике и Математике https://t.me/xakep_1 Статьи из "Хакера" https://t.me/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻 https://t.me/nodejs_lib Подборки по Node js и все что с ним связано https://t.me/ruby_lib Библиотека Ruby программиста 1C разработка 📌 https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С Программирование C++📌 https://t.me/cpp_lib Библиотека C/C++ разработчика https://t.me/cpp_knigi Книги для программистов C/C++ https://t.me/cpp_geek Учим 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 https://t.me/java_geek Учим Java на примерах 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/kotlin_lib Подборки полезного материала по Kotlin Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков https://t.me/frontend_sovet Frontend советы, примеры и практика! https://t.me/React_lib Подборки по React js и все что с ним связано Разработка игр 📌 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/sysadminoff Новости Линукс Linux Английский 📌 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
  • Реклама

  • Frontend разработчик

    Принцип каскада Один из основных принципов работы CSS. Стили читаются и применяются сверху вниз. Если вы так боитесь каскада, что отказываетесь его изучать, вы не понимаете веба и лучше вам посмотреть в сторону чего-нибудь попроще в другой области кодинга. https://doka.guide/css/cascade/ 👉 @frontend_1
  • Frontend разработчик

    Что нового можем делать с формами в 2022? Браузеры постоянно добавляют новые возможности HTML, JavaScript и CSS. Вот несколько полезных дополнений для работы с формами, которые вы могли пропустить... css-tricks.com/whats-n…-in-2022 👉 @frontend_1
    What’s New With Forms in 2022? | CSS-Tricks

    Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed…

    CSS-Tricks
  • Frontend разработчик

    Angular v14.2 NgOptimizedImage Директива NgOptimizedImage доступна для предварительного просмотра разработчиками. Вы можете попробовать ее, но она может измениться, прежде чем станет стабильной. https://angular.io/guide/image-directive 👉 @frontend_1