Frontend meetup (Online)
1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения
2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.
3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.
4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером
🗓 12 июля, начало в 19:00 мск, Среда
🚀 Телеграмм канал с анонсами митапов
✅ Регистрация на мероприятие
1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения
2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.
3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.
4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером
🗓 12 июля, начало в 19:00 мск, Среда
🚀 Телеграмм канал с анонсами митапов
✅ Регистрация на мероприятие
🔥3
Утилита для нагрузочного тестирования autocannon
Позволяет быстро провести нагрузочный тест в консоли или программно при помощи скрипта.
https://github.com/mcollina/autocannon
Позволяет быстро провести нагрузочный тест в консоли или программно при помощи скрипта.
https://github.com/mcollina/autocannon
🔥2
Переход к бессерверным технологиям с помощью Next.Js
В этой статье мы расскажем вам, как работать в бессерверном режиме с популярным фреймворком Next.js.
https://blog.openreplay.com/going-serverless-with-nextjs/
В этой статье мы расскажем вам, как работать в бессерверном режиме с популярным фреймворком Next.js.
https://blog.openreplay.com/going-serverless-with-nextjs/
👍3
Создание погодного приложения с помощью Next.Js
В этой статье вы узнаете, как создать приложение прогноза погоды с помощью Next JS и Chakra UI.
https://blog.openreplay.com/creating-a-weather-app-with-nextjs/
В этой статье вы узнаете, как создать приложение прогноза погоды с помощью Next JS и Chakra UI.
https://blog.openreplay.com/creating-a-weather-app-with-nextjs/
👍2
Мобильный подход с HTML и CSS
В этой статье автор расскажет о принципах и преимуществах mobile-first design и о реализации конкретных стратегий с помощью HTML и CSS, чтобы вы могли применить эту методику.
https://blog.openreplay.com/mobile-first-approach-with-html-and-css/
В этой статье автор расскажет о принципах и преимуществах mobile-first design и о реализации конкретных стратегий с помощью HTML и CSS, чтобы вы могли применить эту методику.
https://blog.openreplay.com/mobile-first-approach-with-html-and-css/
🔥2
Создание API Node с помощью Knex и PostgreSQL
В этой статье вы узнаете, как использовать Knex.js для создания приложений, использующих PostgreSQL без написания необработанных SQL-запросов.
https://blog.openreplay.com/create-a-node-api-with-knex-and-postgresql/
В этой статье вы узнаете, как использовать Knex.js для создания приложений, использующих PostgreSQL без написания необработанных SQL-запросов.
https://blog.openreplay.com/create-a-node-api-with-knex-and-postgresql/
👍1
Оптимизация производительности React
В этой статье мы рассмотрим несколько методов оптимизации пользовательского приложения и оптимизации процесса разработки для React-разработчиков.
https://blog.openreplay.com/optimizing-reacts-performance/
В этой статье мы рассмотрим несколько методов оптимизации пользовательского приложения и оптимизации процесса разработки для React-разработчиков.
https://blog.openreplay.com/optimizing-reacts-performance/
👍3
Как использовать JWT и Node.js для повышения безопасности приложений
В этом руководстве мы продемонстрируем процесс добавления безопасности JWT к реализации API в Node.js.
https://www.toptal.com/json/jwt-nodejs-security
В этом руководстве мы продемонстрируем процесс добавления безопасности JWT к реализации API в Node.js.
https://www.toptal.com/json/jwt-nodejs-security
👍2
Влияние прогрессивных веб-приложений (PWA) на веб-дизайн
В этой статье речь пойдет о прогрессивных веб-приложениях (PWA) и их глубоком влиянии на мир веб-дизайна, а также о преимуществах PWA
https://blog.openreplay.com/impact-of-progressive-web-apps-on-web-design/
В этой статье речь пойдет о прогрессивных веб-приложениях (PWA) и их глубоком влиянии на мир веб-дизайна, а также о преимуществах PWA
https://blog.openreplay.com/impact-of-progressive-web-apps-on-web-design/
🔥2
Инкрементная статическая регенерация (ISR) в Next.Js
В этой статье мы объясним, как все это работает и как и когда вы можете воспользоваться этой новой возможностью.
https://blog.openreplay.com/incremental-static-regeneration-in-nextjs/
В этой статье мы объясним, как все это работает и как и когда вы можете воспользоваться этой новой возможностью.
https://blog.openreplay.com/incremental-static-regeneration-in-nextjs/
❤1
React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас:
• уверенно разбираться в библиотеке React;
• использовать TypeScript при разработке React-приложений;
• тестировать веб-приложения с помощью юнит-тестов и cypress.
Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Пройдите первый бесплатный урок
• уверенно разбираться в библиотеке React;
• использовать TypeScript при разработке React-приложений;
• тестировать веб-приложения с помощью юнит-тестов и cypress.
Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Пройдите первый бесплатный урок
Ускорение разработки на React с помощью Refine
В этой статье мы покажем, как использовать Refine для быстрого создания простого CRUD-приложения react.
https://blog.openreplay.com/speed-up-react-development-with-refine/
В этой статье мы покажем, как использовать Refine для быстрого создания простого CRUD-приложения react.
https://blog.openreplay.com/speed-up-react-development-with-refine/
👍3
Strapi и Firebase - сравнение
В этой статье мы расскажем о многочисленных особенностях и преимуществах, а также различия обеих платформ, чтобы вы могли решить, какую из них использовать.
https://blog.openreplay.com/strapi-and-firebase--a-comparison/
В этой статье мы расскажем о многочисленных особенностях и преимуществах, а также различия обеих платформ, чтобы вы могли решить, какую из них использовать.
https://blog.openreplay.com/strapi-and-firebase--a-comparison/
👍2💩2
Создание приложений с помощью React и Supabase
В этом уроке мы рассмотрим создание базового CRUD-приложения (адресной книги) с использованием React и Supabase, настройку базы данных Supabase, подключение к ней React-приложения и реализацию CRUD-операций в нашем приложении.
https://blog.openreplay.com/build-an-app-with-react-and-supabase/
В этом уроке мы рассмотрим создание базового CRUD-приложения (адресной книги) с использованием React и Supabase, настройку базы данных Supabase, подключение к ней React-приложения и реализацию CRUD-операций в нашем приложении.
https://blog.openreplay.com/build-an-app-with-react-and-supabase/
🔥3
Примеры использования API веб-хранилища HTML
В этой статье мы рассмотрим множество примеров использования, которые могут помочь вам в создании интересных веб-приложений.
https://blog.openreplay.com/use-cases-for-htmls-web-storage-API/
В этой статье мы рассмотрим множество примеров использования, которые могут помочь вам в создании интересных веб-приложений.
https://blog.openreplay.com/use-cases-for-htmls-web-storage-API/
🔥3🤔1
5 советов по улучшению кода на TypeScript
В этой статье мы рассмотрим пять советов, которые помогут вам улучшить ваш код на TypeScript, начиная с использования теории множеств и заканчивая освоением перечислений и генериков.
https://blog.openreplay.com/five-tips-to-improve-your-typescript-code/
В этой статье мы рассмотрим пять советов, которые помогут вам улучшить ваш код на TypeScript, начиная с использования теории множеств и заканчивая освоением перечислений и генериков.
https://blog.openreplay.com/five-tips-to-improve-your-typescript-code/
👍3🔥1
Повторное использование кода: Освоение SCSS-миксинов
В этой статье мы расскажем о том, как SCSS-миксины улучшают разработку внешних приложений, способствуя модульности и согласованности кода и упрощая написание CSS.
https://blog.openreplay.com/reuse-code--master-scss-mixins/
В этой статье мы расскажем о том, как SCSS-миксины улучшают разработку внешних приложений, способствуя модульности и согласованности кода и упрощая написание CSS.
https://blog.openreplay.com/reuse-code--master-scss-mixins/
🔥2
Прямая трансляция с помощью Mux и Nuxt.Js
В этой статье мы рассмотрим пример создания собственной потоковой платформы без особых сложностей, используя простое программное обеспечение для вещания.
https://blog.openreplay.com/live-streaming-with-mux-and-nuxt-js/
В этой статье мы рассмотрим пример создания собственной потоковой платформы без особых сложностей, используя простое программное обеспечение для вещания.
https://blog.openreplay.com/live-streaming-with-mux-and-nuxt-js/
CSS-обертывание - это просто
В этой статье мы подробно рассмотрим различные типы и техники CSS-обертывания.
https://blog.openreplay.com/css-wrapping-made-easy/
В этой статье мы подробно рассмотрим различные типы и техники CSS-обертывания.
https://blog.openreplay.com/css-wrapping-made-easy/
👍3
Анимация и переходы с помощью Tailwind CSS
В данной статье автор расскажет как добавить анимацию и переходы на сайты с помощью Tailwind CSS.
https://blog.openreplay.com/animations-and-transitions-with-tailwind-css/
В данной статье автор расскажет как добавить анимацию и переходы на сайты с помощью Tailwind CSS.
https://blog.openreplay.com/animations-and-transitions-with-tailwind-css/
👍2
End-To-End тестирование: Раскройте возможности WebDriverIO
В этой статье вы узнаете, как в полной мере использовать возможности WebDriverIO.
https://blog.openreplay.com/end-to-end-testing--unleash-the-power-of-webdriverio/
В этой статье вы узнаете, как в полной мере использовать возможности WebDriverIO.
https://blog.openreplay.com/end-to-end-testing--unleash-the-power-of-webdriverio/
❤2