Как правильно верстать в 2022 году
#почитать #junior #middle
Большая статья с обзором самых распространённых ошибках в вёрстке современных проектов.
Читать статью
Пару слов о стилизации React компонентов
#почитать #junior #middle
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.
Читать дальше
Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я...
🧳 Виталий Емельянцев: Как создать самый популярный чат об эмиграции для разработчиков «Релокейти» и что теперь будет с IT в России
#почитать #middle #senior
Хорошая статья с размышлениями о будущем IT-отрасли в России (применимо и к Беларуси). Поднимается вопрос, стоит ли уезжать или оставаться. Бонусом идет список телеграм-чатов по релокейту.
Читать статью
Привет! Это Илья, руководитель Frontend-разработки ЦВТ.
Приходи к нему в команду, чтобы делать продукт с миллионами пользователей для самой дорогой компании Рунета.
Удаленно или в офисе. Откликайся на HH.ru или почту [email protected]
Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов
#почитать #middle #senior
Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля. Подходит новичкам.
Читать статью
Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля....
Есть важная информация.
С 25 по 28 марта будем делать пример реального заказа (сайт услуг по сборке ПК), используя HTML, CSS и JS.
Сверстаем сочный и современный сайт, который отлично впишется в твоё портфолио. А заодно составим план-схему что и как учить, чтобы быстрее освоить профессию.
Подробная программа:
◾️1 День
– знакомимся с макетом и верстаем хедер с главным экраном
– подключаем normilize
– публикуем код на GItHub и GitHubPages
◾️2 День
– подключаем шрифт к нашему проекту
– делаем блоки “Чем мы занимаемся” и “Процесс работы”
◾️3 День
– сверстаем блоки “Наша команда” и “Заказ сборки”
◾️4 День
– сверстаем модалку и оживим её при помощи нативного JS
– публикуем сайт
Переходи по ссылке, жми “запустить” и получи приглашение:
telegram.me/gloacad…demy_bot
Основы и практика CSS Grid Layout: как использовать двумерную раскладку для повседневных задач
#почитать #junior #middle
В первой части статьи — основные CSS-свойства и принципы раскладки, без которых невозможно понять Grid. Вторая часть — примеры решения реальных задач.
Читать на Хабре
Ищем Frontend разработчика в новый международный DeFi проект.
Ищем человека с желанием делать быстрые и удобные сервисы для людей.
Предлагаем зарплату в у.е. и возможность релокейта.
Мы ожидаем, что у тебя есть
◾️Знания HTML5 и CSS3
◾️Опыт работы: TypeScript/JavaScript, ReactJS
◾️Опыт работы с REST API
◾️Опыт адаптивной кроссбраузерной верстки интерфейсов веб-приложений
Наш стек
◾️HTML5
◾️Remix (React)
◾️MobX
◾️Tailwind CSS
◾️TypeScript
Что из себя представляют микро-фронтенды?
Приходи и узнай на открытом вебинаре «Обзор мира микро-фронтенда» в OTUS.
📚 9 марта Александр Коржиков, Senior Web Developer, ответит на вопросы:
– Какие бывают микро-фронтенды?
– Какими преимуществами и недостатками обладает этот подход?
– Чем отличаются single-spa, web components, webpack module federation?
Мы рассмотрим идеи, архитектуру и сравним существующие решения Micro FrontEnds.
🎯 Для регистрации на занятие пройди небольшой тест https://otus.pw/MfWe/
#почитать #middle #senior
Что из себя представляет новый уровень каскада CSS Layer, который постепенно становится доступен в современных браузерах, пример его использования.
Читать статью
#посмотреть #junior #middle
Как определить географические координаты пользователя и выяснить, входят ли они в определенную область на карте.
Смотреть на YouTube (~25 минут)
#посмотреть #junior #middle
Разбираемся, разберём как добиться наиболее плавной анимации с помощью различных возможностей CSS и JS.
Смотреть на YouTube (~15 минут)
#почитать #junior #middle #senior
Статья о необычном баге, из-за которого в Chrome и в Firefox отображаются разные фавиконки, при том, что на сайт подключена только одна.
Читать статью