17266
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
🖥 Веб-разработка Frontend: курс по созданию проекта (HTML, CSS, JavaScript, TypeScript, React)
⌨️ (0:00:00) Introduction, resources, and prerequisites
⌨️ (0:07:50) Project setup and VSCode extensions
⌨️ (0:19:29) Build the UI with HTML and CSS
⌨️ (1:14:20) Add JavaScript interactivity to the project
⌨️ (3:01:19) Introduction to the MVC pattern
⌨️ (5:51:56) Refactoring app with TypeScript
⌨️ (5:54:46) Setting up TypeScript from scratch, what are benefits?
⌨️ (6:35:56) Start of refactor from Vanilla JavaScript to TypeScript
⌨️ (7:52:25) Why should you refactor your app to React?
⌨️ (8:01:37) The many ways to set up a React app
⌨️ (8:06:52) Setting up React from scratch
⌨️ (8:51:45) Initializing TypeScript in a React app from scratch
⌨️ (9:00:56) Refactoring vanilla app to React app
https://www.youtube.com/watch?v=MsnQ5uepIaE
@react_tg
🖥 Cloud Database Manager
CloudBeaver - это веб-сервер, предоставляющий богатый веб-интерфейс.
Сам сервер представляет собой Java-приложение, веб-часть написана на TypeScript и React.
#базыданных #dbclient #dbeaver
▪Github
@react_tg
💡Совет по CSS
Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только textarea! 🔥
@react_tg
Визуализация методов массивов JavaScript 🚀
@react_tg
⚡️ Создаём реальное чат-приложение на SignalR в .NET и React
Статья подробно описывает процесс создания реального чат-приложения с использованием SignalR в .NET и React. Разбираются этапы настройки бэкенда с помощью ASP.NET Core и фронтенда с использованием React, а также взаимодействие между ними для обеспечения реального времени в чате.
Подробности: https://blog.ghanshyamdigital.com/building-a-real-time-chat-app-with-signalr-in-net-and-react
#en
@react_tg
Дарим билет в мир большого IT 🎫
От тебя нужен только опыт работы разработчиком JS+React от года и желание попасть в команду Т1 — одного из лидеров российского ИТ-рынка, в портфеле которого 800+ высокотехнологичных проектов и 70+ продуктов и услуг.
Регистрируйся на онлайн-интенсив в Открытые школы Т1 и прокачай навыки бесплатно всего за 1 месяц. Это твой шанс:
🔹Познакомиться с командой без отрыва от основной деятельности.
🔹Улучшить резюме и подготовиться к интервью при поддержке HR.
🔝Получить оффер от Т1.
🔹Получить уникальный рыночный опыт и комфортные условия (ДМС, удалёнка и крутые офисы, спорт и обучение).
🔹Быстрее вырасти до мидла в Т1 с помощью карьерного трека для выпускников Открытых школ.
⌛️ Быстрое обучение: 1 месяц.
💻 Гибкий формат: все этапы онлайн, занятия по вечерам.
🌏 Работа в Т1 возможна с тер-рии РФ и Беларуси.
Присоединяйся и проявляйся! Подавай заявку до 13 сентября.
Старт интенсива: 16 сентября.
Реклама. ООО "Т1". ИНН 7720484492.
Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT.
Опыт в программировании не нужен.
Завтра запускаем бесплатный онлайн-интенсив по Frontend-разработке, где будем показывать, как разрабатывать сайты и веб-приложения.
За 7 дней обучения ты:
1. Создашь полноценный веб-сайт на HTML и CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Узнаешь сколько можно зарабатывать и как работать;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов.
👉 Проскочить на интенсив бесплатно
🔥 С нас обучение, практика и помощь с выходом на фриланс.
❤️Альфа-Банк приглашает вас на A?.Frontend Day!
📆Когда: 21 сентября с 10:00 до 19:00
📍Где: офлайн в Москве и онлайн
Вас ждут доклады от классных спикеров:
🧷Вадим Царегородцев из Ostrovok.ru расскажет о Valibot — инструменте, который помогает сделать валидацию данных в JavaScript гибкой и безопасной.
🧷Сергей Попов из Skillbox сообщит о проблемах внедрения изменений в компаниях и предложит способы их решения.
🧷Никита Мамизеров объяснит, как внедряли BDUI в Альфа-Банк, с какими сложностями столкнулись и что в итоге получилось.
🧷Никита Ульшин из Т-банка расскажет о паттернах отказоустойчивости, которые помогут минимизировать риски и обеспечить стабильную работу вашего приложения.
Но это ещё не всё! Мы подготовили программу на весь день. Помимо докладов вы сможете поучаствовать в офлайн и онлайн-активностях, получить крутые подарки и, конечно, отлично провести время на афтепати. Нетворкинг гарантирован!
Не упустите шанс узнать что-то новое и провести время в кругу коллег!
Регистрация
Ещё больше полезного в Alfa Frontend Community
🔥 Список полезных ресурсов для Front-End разработчиков
Кртуой репозиторий с материалами для обучения фронтенду.
Этот репозиторий предлагает множество бесплатных книг по программированию, скринкастов, подкастов, онлайн-видеоуроков и многое другое.
Оглавление для вашего удобства:
• Дорожная карта
• Книги
• Игры
• Задачи
• Обучение
• Блоги
• Подкасты
• Редакторы кода
• Инструменты
• CSS-фреймворки
• Иконки и цвета
• Типография и рамки анимации
• Дизайн и вдохновение
• Фондовые ресурсы
• Геолокация
• API
• Мокапы
• Бесплатные инструменты для студентов
• Тестирование
📌 репозиторий
@react_tg
У этой страницы "заело пластинку".
#страница404
https://codepen.io/Banny/pen/ZmXzMP
@react_tg
🖥 Совет по React: Используйте кастомный хук для управления состояниями массивов в ваших компонентах.
#react
@react_tg
Вакансия: Веб-разработчик для создания посадочных страниц (React + Node.js)
Маркетинговое агентство Uptrend.agency ищет опытного веб-разработчика для создания посадочных страниц. Мы ориентируемся к долгосрочному сотрудничеству, так как регулярно создаем новые лендинги.
❐ Основные требования:
- Технологический стэк: React и Node.js
- Наличие кейсов по реализованным проектам на React + Node.js.
❐ Обязанности:
- Разработка посадочных страниц на основе предоставленных дизайнов. Пример лендинга можно посмотреть здесь.
- Постоянное сотрудничество с командой для создания новых лендингов.
❐ Условия:
- Работа не разовая — планируется регулярное создание новых лендингов.
- Конкурентная оплата труда.
❐ Как подать заявку:
Если вас заинтересовала эта вакансия, пожалуйста, отправьте сообщение в личные сообщения с кейсами ваших работ и указанием стоимости услуг.
➜ Контакт: @madbboii
Будем рады видеть вас в нашей команде!
Какие возможности и преимущества предлагают Node.js и Deno? Хотите узнать, какая из этих сред лучше подходит для ваших проектов? 👀
Всего за пару часов вы научитесь уверенно использовать Node.js и Deno для создания эффективных и современных приложений. Вы узнаете, какие паттерны и инструменты применять в зависимости от задач.
➡️Присоединяйтесь к открытому вебинару 2 сентября в 20:00 мск.
Урок предназначен для разработчиков, которые хотят использовать среды Node.js и Deno в своей работе.
Встречаемся в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение!
▶️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://otus.pw/z06K/?erid=LjN8Kcasn
⚡️ Давайте посмотрим, как можно написать компонент React, чтобы сделать код лаконичным, читабельным и понятным для работы.
@react_tg
⭐️ Красивый эффект вращения границ рамки с надписью о ненайденной странице.
Примеры применения:
📌 ненайденная страница по продаже автозапчастей;
📌 ненайденная страница по продаже билетов на картинг или дрифт.
#страница404
https://codepen.io/comehope/pen/qYepNv
@react_tg
⚡️ Сможет ли Blazor превзойти React/Angular?
Очень интересное обсуждение на Reddit от новичка в .NET-разработке. Комментаторы считают, что Blazor учить легче, но в то же время он не развивается так быстро как популярные JavaScript-фреймворки.
Делитесь своими мыслями в комментариях
@react_tg
🖥 Лучшие репозитории для React-разработчиков
React — один из самых популярных фреймворков для создания фронтенда. Благодаря постоянному развитию экосистемы, возможности React постоянно расширяются. Изучение этого фреймворка становится обязательным для всех, кто занимается фронтенд-разработкой.
Вот несколько полезных репозиториев на GitHub, которые помогут вам в освоении React:
1) 30 Days of React Челлендж с пошаговым руководством по изучению React за 30 дней.
2) Awesome React Коллекция лучших ресурсов и инструментов для работы с React.
3) React Bits Советы, паттерны и техники работы с React.
4) React Typescript Cheatsheet Шпаргалки для опытных разработчиков React, которые начинают работать с TypeScript.
5) ReactJS Interview Questions Список из 500 вопросов и ответов для собеседований по ReactJS.
6) Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.
@react_tg
⚡Хакатон IT INNO HACK
Кейс №1: Record Linkage для данных о клиентах. Разработай алгоритмы и методы для решения задачи о нахождении и объединении записей, которые относятся к одному и тому же клиенту из разных информационных систем.
Кейс №2: Система управления проектами. Создай высокопроизводительное приложение для управления проектами, которое будет включать в себя функционал для работы с задачами, пользователями и интеграции с внешними системами.
👨💻Кого мы ждём?
Студентов, junior, middle разработчиков; ML-специалистов, NLP- специалистов; Frontend-разработчиков, Backend-разработчиков, Fullstack-разработчиков, разработчиков CRM-систем, DevOps-инженеров.
📆 Даты хакатона: 27 - 29 сентября
📌Формат: Онлайн
📍Дедлайн регистрации: 23:59 23 сентября
🏆Призовой фонд: 600.000 рублей
Подробная информация и регистрация: https://tglink.io/8e63c4095413
МТС True Tech Champ
Прими участие в чемпионате от МТС, запрограммируй робота и поборись за главный приз 4000 0000 руб.
Участникам будет предложено просканировать виртуальный лабиринт, получить массив данных о расположении стен и создать алгоритм для самого быстрого поиска оптимального маршрута робота-мыши. Финал чемпионата пройдет в формате зрелищной гонки роботов на глазах у нескольких тысяч офлайн и десятков тысяч онлайн-зрителей.
Регистрация: до 12 октября
Доступ к онлайн-заданиям: с 1 октября
Финал в офлайне: 8 ноября
Трек по программированию роботов будет интересен разработчикам С++, Go, Python, JS, Java, C# и не только.
Смотри подробности и регистрируйся на truetechchamp.ru.
🔥 Pagination - Simple Pagination
Симпатичный эффект при переключении страниц, созданный на чистом CSS.
#css
https://codepen.io/Azametzin/pen/ZEVKJNX
@react_tg
🖥 Частицы, которые выстраиваются в созвездие в виде прямой линии.
Примеры применения:
🔶 загрузка сайта организации по занятиям фитнеса;
🔶 загрузка страницы для записи в танцевальную студию.
#прелоадер #ожидание #загрузка
https://codepen.io/SpiritScarlet/pen/LBbVGe
@react_tg
👩💻 React 19: краткий обзор новых фич от Vercel
Изучите React 19 и узнайте, как начать использовать библиотеку уже сегодня.
🚀 Читать
@react_tg
Совет по CSS 💡
Знаете ли вы, что свойство gap можно использовать и для макета flexbox? ✨
@react_tg
🖥 Meals
это готовое веб-приложение на основе React, которое позволяет пользователям искать блюда и рецепты из обширной базы данных.git clone https://github.com/kaleb110/meals-app.git
cd meals-app
▪ Github
@react_tg
Разыскиваются 5 активных JS разработчиков 🔥🔥🔥
Для обучения AI-разработке!
Мы научим вас создавать и тренировать нейронные сети, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч руб. в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч руб за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате
На интенсиве будет много практики: создадим 9 нейросетей за 1 вечер:
🧬 Оценка выброса CO2 по параметрам машины
🧬 Сегментация изображения для робота доставщика
🧬 Трекинг людей на видео
🧬 Распознавание речии другие
Ведущий интенсива - Senior AI-разработчик нейросетей и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайшую среду. Вы узнаете, как освоить самую востребованную профессию 2024 года!
Реклама. ООО "ТЕРРА ЭЙАЙ". ИНН 9728019395.
🖥 Красивая анимация. У страницы дискотека! Не ищите её!
#страница404
https://codepen.io/jbanegas/pen/vJXMbj
@react_tg
🖥 3D логотип React с использованием React Three Fiber
@react_tg
🖥 Очень удобная функция серверных компонентов React:
Вы можете кэшировать результат выборки данных или вычислений с помощью функции `cache`
@react_tg
⚛️ Как легко решить проблемы с повторным рендерингом в React с помощью composition
@react_tg
❓Хотите узнать, как эффективно управлять состоянием в React.js с помощью хуков useState и useReducer?
Ждем вас на открытом вебинаре 20 августа в 19:00 мск, где мы разберём:
- основы управления состоянием в React.js с помощью хуков useState и useReducer;
- различия и преимущества использования useState и useReducer;
- практические примеры применения хуков для управления состоянием в реальных приложениях.
Урок будет полезен как новичкам, знакомым с базовыми концепциями React, так и опытным разработчикам, которые хотят улучшить свои навыки управления состоянием.
Встречаемся в преддверии старта курса «React.js Developer». Все участники вебинара получат специальную цену на обучение!
👉 Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/YBaX/?erid=LjN8KEYAn
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.