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

2023-04-15 15:53:33 Подборка Telegram каналов для программистов

Системное администрирование
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/tikon_1 Новости высоких технологий, науки и техники
https://t.me/mir_teh Мир технологий (Technology World)

https://t.me/rust_lib Полезный контент по программированию на Rust
https://t.me/golang_lib Библиотека Go (Golang) разработчика

https://t.me/itmozg Программисты, дизайнеры, новости из мира IT.
https://t.me/phis_mat Обучающие видео, книги по Физике и Математике

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

Базы данных (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/books_reserv Книги для программистов

БигДата, машинное обучение
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/xakep_1 Статьи из "Хакера"

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

Английский
https://t.me/UchuEnglish Английский с нуля

Математика
https://t.me/Pomatematike Канал по математике

Excel лайфхак
https://t.me/Excel_lifehack Открыть/Комментировать

2023-04-14 12:59:08 Фишки TypeScript

В этом ролике мы разберем интересные моменты в TypeScript, которые можно будет применять на практике. Поговорим про Union типы, подсветку ошибок, тайпгуарды, утилитарные типы, generic компоненты, условные типы и кортежи, разница между enum vs as const object

00:00 ➝ Введение
00:50 ➝ 1 лайфхак. Exhaustive check
03:50 ➝ 2 лайфак. Typeguard is
06:20 ➝ 3 лайфхак. Enums vs const enum vs as const object
14:00 ➝ 4 лайфхак. ReturnType, Parameters
16:20 ➝ 5 лайфхак. Conditional types. Условные типы
18:45 ➝ 6 лайфхак. Кортежи (tuple)
20:00 ➝ 7 лайфхак. Immutable, readonly
21:20 ➝ 8 лайфхак. Utility types
26:10 ➝ 9 лайфхак. Generic component React
27:50 ➝ Наглядный пример работы Event loop в коде

источник

@frontend_1 Открыть/Комментировать

2023-04-13 09:47:49 Cssui — коллекция интерактивных UI-компонентов на чистом CSS без Javascript

https://www.cssui.dev/

@frontend_1 Открыть/Комментировать

2023-04-12 07:55:06 Учебник по созданию веб-сайта с 3D-анимацией на React с использованием ThreeJS (WebGi) и GSAP

Узнайте, как создать 3D-анимацию в React, используя такие технологии, как WebGi (на базе Three.js) и GSAP. Сначала мы узнаем, как находить 3D-модели и отображать их на вашем сайте с помощью WebGi. Затем с помощью React и GSAP мы создадим 3D-анимацию этой модели. Далее мы узнаем, как оптимизировать 3D-анимацию в React для мобильных устройств. Наконец, мы создадим сайт для производства и загрузки.

0:00:00 Intro
0:01:27 Project setup
0:07:12 Building website navigation
0:15:02 Building jumbotron
0:21:42 Building sound section
0:29:27 Building display section
0:33:27 How to find and load 3D models
0:36:55 Building WebGi viewer component
0:53:17 Animating 3D model with GSAP scroll animation
1:13:42 Implementing 3D model preview mode
1:32:27 Optimizing 3D animation for mobile phones
1:43:31 Building production-ready website and uploading
1:45:07 Outro

@frontend_1 Открыть/Комментировать

2023-04-11 09:50:56 Будущее рендеринга в React

Популярность React как библиотеки для создания пользовательского интерфейса за последние несколько лет только росла и довольно быстро. На момент написания этой статьи она имеет более 14 миллионов еженедельных загрузок с npm, что, как я знаю, не является корректным показателем популярности библиотеки, но одно только расширение React Devtools chrome имеет более 3 миллионов еженедельных активных пользователей. Тем не менее, шаблоны рендеринга в React практически не менялись до появления React 18.

https://prateeksurana.me/blog/future-of-rendering-in-react/

@frontend_1 Открыть/Комментировать

2023-04-10 15:00:41 Краткий курс aria-description

Мне всегда казалось странным, что разработчики могли задать доступное имя/метку элемента с помощью атрибутов aria-label и aria-labelledby, но только aria-describedby для задания доступных описаний. Поэтому добавление aria-description в Safari стало интересным сюрпризом.

Я решил провести мини-погружение и тестирование поддержки aria-description, чтобы восполнить пробел в знаниях и быть готовым использовать ее, когда придет время. Своего рода краш-курс, если хотите. Я делюсь своими выводами здесь, на случай, если они окажутся ценными для кого-то еще.

https://www.darins.page/articles/aria-description-crash-course

@frontend_1 Открыть/Комментировать

2023-04-10 13:52:29 Использование React в приложениях Angular

Два сценария требуют использования React в приложении Angular. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline. Во-вторых, возможно, мы приобрели компанию, использующую React, и нам необходимо интегрировать его в существующее приложение.

В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда нам необходимо использовать компонент React.

https://netbasal.com/using-react-in-angular-applications-1bb907ecac91

@React_lib Открыть/Комментировать

2023-04-07 11:22:51 HTML Tip

@frontend_1 Открыть/Комментировать

2023-04-06 10:44:32 Css em vs rem

@frontend_1 Открыть/Комментировать

2023-04-05 11:00:23 Если вы хотите учиться разработке глубоко и системно, приходите в Хекслет! Сейчас открыт набор на онлайн-профессию «Фронтенд-разработчик».

За 10 месяцев вы изучите JavaScript в связке с HTML и CSS. Освоите React для создания сложных компонентов, разберетесь с сопутствующими инструментами (NPM, Git, Webpack, командная строка), получите опыт построения архитектуры полноценного приложения и написания чистого кода.

Уже во время обучения вы станете участником Карьерного трека.

Пройдете вебинары, которые охватывают все темы по трудоустройству: от составления резюме и рабочих профилей до психологических аспектов собеседований и адаптации на рабочем месте.

Мы заинтересованы, чтобы вы нашли первую работу. Получите полную консультацию по профессии и карьере в IT! Открыть/Комментировать