React Native is better than Flutter

Привет! Совсем недавно мой друг, и по совместительству - React Native разработчик, поделился со мной одной статьей, про React Native [RN] и Flutter [FL]. Там подробно объясняется, почему RN лучше FL, но делается это в формате "сравнения". На самом деле, конечно, эта статья - никакое не сравнение, а попытка показать RN в лучшем свете, чем он есть на самом деле, а также привнести некоторого скепсиса по поводу FL.

https://habr.com/ru/post/696148/

👉 @frontend_1

Mograph Portfolio - интерактивное портфолио, выполненное с помощью CSS и JavaScript

https://codepen.io/moodyeffects/pen/MWOpeop

Подпишись👉 @codepen_1

🎄X-MAS HACK 2022 – время исполнения желаний🎄

👨🏻‍💻Если ты кодишь – ждём тебя в секции «Хакатон» с кейсами от IT-компаний
💡Если ты настоящий генератор идей – ждём в секции «Идеатон», где ты сможешь предложить самые смелые идеи для бизнеса!

Даты хакатона: 15–18 декабря 2022 года
Дедлайн регистрации: 12 декабря 23:59

Регистрация и подробности:
⚡️Хакатон - https://clck.ru/32kc5u
✨Идеатон - https://clck.ru/32kc5T

Создавай команду или подавай личную заявку, а мы найдем для тебя крутую команду! Регистрируйся, решай новогодний кейс, заводи знакомства, перенимай опыт от топовых экспертов, стань частью X-MAS HACK! И кто знает.. возможно, именно ты заберешь главные призы!

💰Призовой фонд – 1.700.000 рублей!
🎁 Новогодний мерч, подарки от партнеров и сертификаты
🎅🏻 Менторская поддержка от топовых экспертов
🪄 Мастер-классы, лайфхаки и много полезных знакомств

Больше хакатонов и призов - https://clck.ru/32kc6S

#хакатон #идеатон

Как стать веб-разработчиком

Данное руководство призвано помочь вам сделать первые шаги на пути к прибыльной карьере в области веб-разработки. Руководство содержит подробный обзор навыков разработки, которые вы должны изучить.

https://itmozg.ru/kak-stat-veb-razrabotchikom/

👉 @frontend_1

js2flowchart – Инструмент для визуализации JS-кода в виде flowchart диаграммы.

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

👉 @Githublib

Чек-лист для фронтенд-разработчиков, которые заботятся о производительности

https://github.com/thedaviddias/Front-End-Performance-Checklist

👉 @frontend_1

Привет! На связи Podlodka — организатор IT-конференций, родившихся из популярного подкаста. Приглашаем на юбилейный пятый сезон Podlodka Frontend Crew! Старт — 5 декабря.

🤓 В этот раз мы решили глубже разобраться в браузерных API. В спикерах — Саша Шинкевич, Никита Дубко, Полина Гуртовая, Валера Шибанов и многие другие.

➡️ Разберём самые странные браузерные API. Вместе узнаем, что уже сейчас могут делать современные браузеры и как это может помочь вашим проектам.
➡️ Научимся безопасно использовать Service Worker API с учётом ограничений и требований.
➡️ Узнаем про Wasm в браузере и вне его. Попробуем понять, для чего можно использовать Wasm, и обсудим распространённые проблемы.
➡️ Разберём API для безопасности, симметричное и асимметричное шифрование и узнаем, зачем генерировать, хранить и использовать криптографические ключи в браузере.
➡️ Узнаем, как улучшать диалоги с помощью нативных элементов, рассмотрим особенности их внедрения на реальных юзкейсах.

👉 за подробностями и билетом залетай на сайт

Доступность и frontend: стандарты разработки продуктов для незрячих и слабовидящих людей

https://habr.com/ru/company/gnivc/blog/676536/

👉 @frontend_1

The Front-End Developer's Guide to the Terminal

https://www.joshwcomeau.com/javascript/terminal-for-js-devs/

👉 @frontend_1

Подборка 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/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

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

5 Tips for Writing Better TypeScript Code

https://levelup.gitconnected.com/5-tips-for-writing-better-typescript-code-42a41b09aa1c

👉 @frontend_1

JavaScript для начинающих 2022. Полный курс за 6 часов. Уроки. Теория + практика

Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2022 года.

https://www.youtube.com/watch?v=maPRR_jjyOE

👉 @frontend_1

Использование счетчиков CSS

Так что же это за счетчики CSS? Мы можем рассматривать их как переменные, поддерживаемые CSS. Правила CSS могут увеличивать значения, которые будут отслеживать, сколько раз они используются.

https://itmozg.ru/ispolzovanie-schetchikov-css/

👉 @frontend_1

filters.css – CSS-only библиотека, которая предоставляет набор фильтров для фотографий, построена с помощью SCSS

Поддерживает все современные браузеры

https://github.com/bansal/filters.css

https://bansal.io/filters-css

👉 @frontend_1

Menu hover glow

Анимированное меню, выполненное на чистом CSS, без использования JavaScript

https://codepen.io/Madbones3/pen/LYOJQpo

Подпишись👉 @codepen_1

10 кейсов масштабируемой вёрстки

00:00 — 4:31 Начало
4:32 — 7:03 Знакомимся с проектом
7:04 — 9:42 1 кейс: переполнение пунктов в списке
9:43 — 11:07 2 кейс: сжатие ненужных элементов
11:08 — 16:03 3 кейс: расстояние между элементами
16:04 — 20:00 4 кейс: переполнение текстом
20:01 — 22:25 5 кейс: большие иконки
22:26 — 26:34 6 кейс: большие изображения
26:35 — 32:06 7 кейс: контентное изображение не загрузилась
32:07 — 39:45 8 кейс: адаптивная сетка
39:46 — 41:40 9 кейс: фиксированные размеры элементов
41:41 — 46:31 10 кейс: фоновые изображения
46:32 — 49:36 Бонус 11 кейс: переполнение контента
49:37 — 53:40 Бонус 12 кейс: несколько скроллов
53:41 — Выводы и ответы на вопросы

Репозиторий с кодом

👉 @frontend_1

Griffel – CSS-in-JS от Microsoft

https://github.com/microsoft/griffel

https://griffel.js.org/

👉 @frontend_1

ВКонтакте вручила независимым разработчикам гранты за создание мини-приложений

В недавно завершившемся конкурсе VK Fresh Code могли участвовать как отдельные разработчики, так и команды. Среди 25 сервисов-победителей — проекты в самых разных тематиках. Однако на этом команда ВКонтакте не остановится и продолжит увеличивать количество сервисов и мини-приложений.

Конкурсы вроде VK Fresh Code призваны помочь в этом: привлечь новых сотрудников и независимых разработчиков. Поэтому принять участие в них и предложить свой проект сможет каждый. Следите за новыми конкурсами здесь и предложите свой проект.

👉 @frontend_1

Layoutit grid - это генератор макетов CSS Grid. Быстро нарисуйте макеты веб-страниц с помощью нашего чистого редактора и получите HTML и CSS код для быстрого запуска вашего следующего проекта.

https://grid.layoutit.com/

👉 @frontend_1