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

Для начинающих веб-разработчиков в 2023👇 Этап 1 - HTML Этап 2 - CSS Этап 3 - Git+GitHub Этап 4 - Небольшой проект Этап 5 - JavaScript Этап 6 - React ||VueJS||Svetle Этап 7 - Проект Этап 8 - Node.js Этап 9 - MongoDB Этап 10 - API Этап 11 - сложный проект 🏆 – Full Stack developer 🙌 👉 @frontend_1

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/9Plx/ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Реклама. Информация о рекламодателе на сайте www.otus.ru

HTML / CSS Совет 💡 Свойство border-image-source позволяет использовать градиент для границы элемента. 👉 @frontend_1

Оптимизация видеофона с использованием CSS и JavaScript Зачастую фоны веб-сайтов имеют простые цвета - просто большое безвкусное пространство. В CSS для создания фона можно использовать свойство background и все его вариации. Фоны служат для улучшения внешнего вида сайта, поэтому очень важно сделать их правильно. blog.logrocket.com/optimiz…vascript 👉 @frontend_1

Подборка 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

Фишки 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

Cssui — коллекция интерактивных UI-компонентов на чистом CSS без Javascript https://www.cssui.dev/ 👉 @frontend_1

Учебник по созданию веб-сайта с 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

Будущее рендеринга в React Популярность React как библиотеки для создания пользовательского интерфейса за последние несколько лет только росла и довольно быстро. На момент написания этой статьи она имеет более 14 миллионов еженедельных загрузок с npm, что, как я знаю, не является корректным показателем популярности библиотеки, но одно только расширение React Devtools chrome имеет более 3 миллионов еженедельных активных пользователей. Тем не менее, шаблоны рендеринга в React практически не менялись до появления React 18. prateeksurana.me/blog/fu…in-react 👉 @frontend_1

Краткий курс aria-description Мне всегда казалось странным, что разработчики могли задать доступное имя/метку элемента с помощью атрибутов aria-label и aria-labelledby, но только aria-describedby для задания доступных описаний. Поэтому добавление aria-description в Safari стало интересным сюрпризом. Я решил провести мини-погружение и тестирование поддержки aria-description, чтобы восполнить пробел в знаниях и быть готовым использовать ее, когда придет время. Своего рода краш-курс, если хотите. Я делюсь своими выводами здесь, на случай, если они окажутся ценными для кого-то еще. www.darins.page/article…h-course 👉 @frontend_1

Использование React в приложениях Angular Два сценария требуют использования React в приложении Angular. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline. Во-вторых, возможно, мы приобрели компанию, использующую React, и нам необходимо интегрировать его в существующее приложение. В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда нам необходимо использовать компонент React. netbasal.com/using-r…07ecac91 ✍️ @React_lib

HTML Tip 💡 👉 @frontend_1

Css em vs rem 👉 @frontend_1

Если вы хотите учиться разработке глубоко и системно, приходите в Хекслет! Сейчас открыт набор на онлайн-профессию «Фронтенд-разработчик». За 10 месяцев вы изучите JavaScript в связке с HTML и CSS. Освоите React для создания сложных компонентов, разберетесь с сопутствующими инструментами (NPM, Git, Webpack, командная строка), получите опыт построения архитектуры полноценного приложения и написания чистого кода. Уже во время обучения вы станете участником Карьерного трека. Пройдете вебинары, которые охватывают все темы по трудоустройству: от составления резюме и рабочих профилей до психологических аспектов собеседований и адаптации на рабочем месте. 🆙 Мы заинтересованы, чтобы вы нашли первую работу. Получите полную консультацию по профессии и карьере в IT!

Как легко управлять зависимостями в JS Monorepo Управление зависимостями в JavaScript monorepo значительно упрощается с помощью pnpm и Bit. Управление зависимостями в JavaScript - это боль номер 1 для разработчиков согласно опросу 2021 года "State of JS". В этом нет ничего удивительного. Недалеко от него, на втором месте, идет архитектура кода. blog.bitsrc.io/how-to-…bd6621ea 👉 @frontend_1

Стили заголовков в CSS: картинки, тени, анимации Заголовки - это как газетные заголовки: большие, смелые и громкие. Их единственная цель - за короткий промежуток времени привлечь ваше внимание к материалу. Заголовок - это первое, что видит посетитель на сайте, поэтому он задает тон всему остальному сайту и должен быть оформлен надлежащим образом. Он должен содержать читабельный текст, который посетители смогут быстро обработать, что увеличит вероятность того, что они будут прокручивать или кликать по сайту. У сайта есть примерно 500 миллисекунд (0,05 секунды), чтобы произвести впечатление, поэтому давайте узнаем, как их использовать! blog.logrocket.com/five-co…tibility 👉 @frontend_1

VK поддержит разработчиков мини-приложений облачными ресурсами. Разработчики мини-приложений на платформе VK Mini Apps получили доступ к программе поддержки VK Cloud. Каждому участнику программы будет ежемесячно начисляться бонус в 2500 рублей на счет в личном кабинете, которые он сможет потратить на облачные сервисы. Всего в VK Cloud доступно около 30 инфраструктурных и платформенных сервисов, а также современные инструменты для разработки отказоустойчивых приложений. Программа действует до конца 2023 года. Для участия необходимо создать учетную запись на платформе VK Cloud и заполнить специальную форму, указав ID проекта. Более подробная информация доступна по ссылке. 👉 @frontend_1

🚀 Собеседование React Frontend Собеседование JUNIOR frontend REACT ТОП 10 вопросов на собеседовании ReactJS Собеседование ReactJS - вопросы и ответы источник ✍️ @React_lib