💡Все мечтаете начать осваивать программирование? Сейчас самое время — начните с основ HTML вместе с OTUS.
HTML — это база для всех, кто хочет стать веб-разработчиком. 6 июня в 20:00 приходите на открытый урок в преддверии старта онлайн-курса «Специализация Fullstack Developer».
Спикером выступит Мария Коршунова, руководитель курса HTML/CSS в OTUS, работает в сфере веб-разработки с 2011 года.
✅На занятии мы:
— Пройдем основы работы с HTML, начиная с самого простого
— Рассмотрим несколько типичных ошибок не только среди начинающих, но среди продолжающих и иногда даже сеньоров.
— Создадим разметку страницы авторизации: разберём основы семантики и атрибуты полей формы.
Вебинар подойдёт как для начинающих, так и продолжающих обучение вёрстке.
Используйте эту возможность, чтобы познакомиться с преподавателем и форматом обучения. Курс можно приобрести любым удобным способом.
➡️ Регистрируйтесь на занятие и готовьте вопросы преподавателю: https://otus.pw/RmrE/Нативная интеграция информация о продукте www.otus.ru
JavaScript: The Comprehensive Guide to Learning Professional JavaScript Programming
Автор: Philip Ackermann (2022)
Вы узнаете все, что нужно знать о профессиональном программировании на JavaScript, от основных понятий языка до важнейших задач на стороне клиента. Создавайте динамические веб-приложения с помощью пошаговых инструкций и расширяйте свои знания, изучая разработку на стороне сервера и мобильную разработку. Работайте с расширенными возможностями языка, пишите чистый и эффективный код и многое другое!
Скачать книгу@itmozg
Некоторые кросс-браузерные функции DevTools, о которых вы, возможно, не знаете
Я провожу много времени в DevTools, и я уверен, что вы тоже. Иногда я даже переключаюсь между ними, особенно при отладке кросс-браузерных проблем. DevTools во многом похож на сами браузеры - не все функции DevTools одного браузера будут такими же или поддерживаться в DevTools другого браузера.
css-tricks.com/some-cr…not-know
👉 @frontend_1
Хотите сократить время, затраченное на настройку бэкенда?
Xano - это ваш идеальный инструмент❗️
Xano - это платформа, которая позволяет быстро создавать и масштабировать API и веб-приложения без необходимости писать код с нуля.
Использование Xano Frontend разработчиками позволит:
- ускорить процесс разработки за счет быстрого создания настройки API
- облегчит управление данными и базами данных
- уменьшить затраты на разработку и обслуживание бэкенда
- улучшить качество пользовательского интерфейса за счет сосредоточения на его разработке, а не на настройке бэкенда.
Присоединяйтесь к Русскоязычному сообществу Xano RU 🔥В данном телеграмм канале Евгений Новиков, в прошлом технический директор в стартапе, а сейчас основатель студии Flutter разработки рассказывает о:
- примерах решения реальных кейсов с использование Xano;
- об отличиях от других ноукод платформ;
- преимуществах использования Xano для программистов, стартаперам и ноукодерам;
- проводит бесплатные демо вебинары о Xano, где рассказывает об этом инструменте.
Javascript testing best practices
Данное руководство гарантирует надежность JavaScript и Node.JS от A до Я. В качестве источника в данном руководстве используется обобщенная информация, взятая из самых надежных книг, статей и блогов, которые можно найти на рынке в данный момент.
github.com/goldber…me-ru.md
👉 @frontend_1
Краткий курс по TypeScript для React
Даже если вы еще не работали с TypeScript, вы наверняка слышали о нем. За последние годы он получил широкое распространение в мире React. На сегодняшний день почти все вакансии в React требуют знания TypeScript.
Поэтому многие разработчики React задаются вопросом: Действительно ли мне нужно изучать TypeScript?
Я понимаю, у вас и так много дел. И особенно если вы все еще пытаетесь прорваться в индустрию, вы, вероятно, перегружены всем тем, что нужно выучить.
https://profy.dev/article/react-typescript
👉 @frontend_1
Learning TypeScript is THE best investment. Here's everything you need to get started. Follow the story of a nasty CTO called Pat to learn the basics of TS and React.
Красивый и последовательный набор иконок, созданный сообществом.
Проект с открытым исходным кодом и форк Feather Icons.
Мы расширяем набор иконок настолько, насколько это возможно, сохраняя при этом приятный внешний вид - присоединяйтесь к нам!
https://lucide.dev/https://github.com/lucide-icons/lucide
👉 @frontend_1
🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА
ТОП ПРОФЕССИЙ:
✅ Project-менеджер
✅ Интернет-маркетолог
✅ Android-разработчик
✅ Frontend-разработчик
✅ C#-разработчик
✅ Таргетолог
ПРОЦЕСС ОБУЧЕНИЯ И ПОИСКА РАБОТЫ
🔹 Вы осваиваете профессию на курсе
🔹 Мы помогаем вам найти работу
🔹 После трудоустройства вы оплачиваете обучение
✔️ Гарантия трудоустройства
✔️ Поможем определиться с выбором и подберём подходящую программу обучения
Университет СИНЕРГИЯ
Переходите для получения более подробной информации
Реклама. Университет «Синергия» ИНН 7729152149
Чёрная магия трансформов, или об оптимизации анимаций на CSS
Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Тогда анимации перестанут зависать, ничего не будет лагать и мир станет чуть ярче. ✨
https://habr.com/ru/articles/701604/
👉 @frontend_1
Действительно ли вы понимаете CSS radial-gradients?
Семь лет назад я узнал все о линейных градиентах CSS и с тех пор хотел узнать больше о том, как работают радиальные градиенты. Мне потребовалось много времени, чтобы найти повод углубиться в логику, но я очень благодарен, что сделал это.
patrickbrosset.com/article…radients
👉 @frontend_1
CSS-функции min(), max() и clamp()
Поддержка CSS-функций сравнения min(), max() и clamp() появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов. Их можно использовать для настройки размеров элементов-контейнеров, шрифтов, отступов и многого другого. Правда, веб-дизайнеру, создающему макеты страниц с учётом возможности использования этих восхитительных функций, может понадобиться научиться думать по-новому.
ishadeed.com/article…unctions
👉 @frontend_1
Микросервисы — популярный способ создания и поддержки современных веб-сервисов. Развиваетесь в веб-разработке? Узнайте, как создавать микросервисы при помощи NodeJS и GRPC
18 мая в 20:00 состоится вебинар «NodeJS + Microservices». За 1,5 часа вы узнаете, как создавать микросервисы с использованием протокола gRPC. На занятии мы разберем:
— Плюсы и минусы микросервисного подхода
— Как мигрировать монолит на микросервисы
— Решение на базе NodeJS + протокола GRPC.
В результате у вас будет база для создания своего микросервиса на NodeJS.
Открытый урок бесплатный и состоится в рамках онлайн-курса «Node.js Developer» в OTUS. Продолжить обучение вы сможете уже на курсе, на него действуют разные способы оплаты.
Для участия пройдите вступительный тестhttps://otus.pw/Gnfzm/Нативная интеграция. Информация о продукте www.otus.ru
Математика, лежащая в основе формирования закругленных углов
Недавно я разрабатывал интерфейс с большим количеством закругленных углов. Я хотел, чтобы углы были одинаковыми, поэтому я создал пользовательское свойство --border-radius и принялся за скругление этих углов.
Но я быстро столкнулся с проблемой. Когда я вложил элемент с закругленными углами внутрь закругленного контейнера, это выглядело как-то не так:
cloudfour.com/thinks/…-corners
👉 @frontend_1
Создание пушистых деревьев с помощью Three.js (часть 1)
В качестве параллельного проекта я работаю над игрой в стиле point & click, используя Three.js с React Three Fiber, и сейчас я заполняю окружение мира. Я нашел это замечательное видео от Pontus Karlsson, в котором подробно описывается, как сделать пушистые стилизованные деревья, и они выглядят фантастически!
К сожалению, он был сделан в Unity 3D, а не в Three.js... но после некоторых поисков, прохождения курса по шейдерам GLSL и нескольких дней постов в Twitter об этом у меня получилось нечто, выглядящее великолепно.
https://douges.dev/blog/threejs-trees-1
👉 @frontend_1
Какие паттерны в React нужно знать JS-разработчику?
✔️Разберем основные паттерны на открытом уроке 16 мая в 20:00 мск в OTUS. Занятие пройдет в рамках онлайн-курса «React.js Developer» в OTUS. На занятии мы также применим несколько часто встречающихся паттернов на практике. Больше навыков работы с React.js вы сможете получить на курсе.
Хороший разработчик всегда думает о качестве и удобстве использования кода, особенно при написании библиотек компонентов. Сообщество React разработало несколько классных паттернов, которые помогут создать идеальные компоненты с лучшей контролируемостью и расширяемостью.
✍️Для участия пройдите вступительный тестhttps://otus.pw/50wb/Курс доступен в рассрочку.
Нативная интеграция. Информация о продукте www.otus.ru
TypeScript: паттерны проектирования
Представляю вашему вниманию перевод первой части серии статей, посвященных паттернам проектирования в TypeScript.
Паттерны (или шаблоны) проектирования (design patterns) описывают типичные способы решения часто встречающихся проблем при проектировании программ.
В отличие от готовых функций или библиотек, паттерн нельзя просто взять и скопировать в программу. Паттерн представляет собой не какой-то конкретный код, а общую концепцию решения той или иной проблемы, которую нужно будет еще подстроить под нужды вашей программы.
Часть 1habr.com/ru/comp…s/699408Часть 2habr.com/ru/comp…s/700146
👉 @frontend_1