Хотите изучить программирование и стать востребованным веб-разработчиком? Попробуйте себя в вёрстке и поучаствуйте в бесплатном интенсиве!
Когда: с 1 по 9 сентября.
Зачем участвовать?
- Вы разберётесь с основами создания сайтов;
- Познакомитесь с HTML и CSS и попробуете себя в качестве верстальщика;
- Получите бесплатные тренировочные материалы и скидки на обучение.
Хотите стать айтишником с нуля?Записывайтесь на интенсив и начните обучение уже сейчас!
Стилизация плейсхолдера и скролла, CSS-спрайты (Placeholder, Scrollbar & Sprites)
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
👉 @frontend_1
27 лучших расширений Chrome для разработчиков и дизайнеров в 2022 году
Если вы разработчик или дизайнер, у вас, скорее всего, уже есть коллекция любимых расширений Chrome, которые вы используете ежедневно. Расширения, которые облегчают жизнь, повышают продуктивность или выполняют важную задачу лучше, чем специализированный инструмент. Эта статья может пополнить эту коллекцию.
👉 @frontend_1
🔥 Хотите с полного нуля стать Fullstack-разработчиком с зарплатой от 165 000 ₽?
⚡️ В OTUS 29сентября стартует онлайн-курс «Fullstack Developer»
🚀 Востребованная профессия до Middle-уровня за 14 месяцев
📎 Персональный ментор, который будет помогать на всем пути обучения
✅ Изучите вёрстку
✅ Будете понимать код и принципы разработки
✅ Освоите навыки фронтенд-разработки
✅ Сможете работать с фреймворками, js-архитектурой и решать задачи на JavaScript
📌 Хотите протестировать учебный процесс?
Приглашаем на бесплатный открытый урок
➡️ 7 сентября в 20:00📚 На уроке познакомимся с преподавателями и рассмотрим два популярных способа расположения элементов макета
👉 Регистрация на вебинар:https://otus.pw/KsK7/
Логические атрибуты в HTML и ARIA: в чем разница?
Некоторые атрибуты в ARIA являются булевыми (-подобными). Эти атрибуты могут показаться очень похожими на атрибуты boolean в HTML, но есть несколько важных различий, о которых следует знать.
hidde.blog/boolean…fference
👉 @frontend_1
Some attributes in ARIA are boolean(-like). These attributes may seem a lot like boolean attributes in HTML, but there are some important differences to be aware of.
Организация react-компонентов с помощью dot-notation и почему я часто прибегаю именно к этому способу
Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. В основе каждого компонента, в идеале, всегда лежит какой-то обособленный набор функционала, своего рода микро-решение микро-задачи. Далее
✍️ @React_lib
Компонентный подход является основополагающим при создании приложений с помощью react. Компоненты - это главные строительные блоки, которые в своей композиции помогают реализовать сложные системы. В...
👀Занимаетесь разработкой на JavaScript? Получите новые продвинутые знания 1 сентября в 20:00 на открытом уроке «Обзор технологий для построения API».
👨🏻💻Вместе с Арсением Высоцким, тимлидом в международной компании, рассмотрим несколько протоколов клиент-серверных приложений и на примере увидим сильные стороны и недостатки.
После вебинара еще больше продвинутых навыков fullstack-разработчика будет ждать вас на онлайн-курсе «JavaScript Developer. Professional» от OTUS.
☝️Для регистрации на занятие пройдите вступительный тест: https://otus.pw/d0pe/
Как обрабатывать необработанные исключения в ASP.NET Web API
Чтобы сделать обработку исключений простой и последовательной, старайтесь не бросать исключения в тех случаях, когда вы можете определить ошибку самостоятельно. Я рекомендую возвращать подходящую ошибку, как в коде ниже. Далее
👉 @frontend_1
Theatre.js — библиотека для создания анимации
Позволяет визуально создавать сложную анимацию с помощью редактора.
Особенности / преимущества:
👉 Анимация 3D-объектов сделанных других 3D-библиотек
👉 Имеет графический интерфейс
👉 Позволяет анимировать HTML, SVG, WebGL, DOM
👉 Создание микро-взаимодействий
Сайт: https://www.theatrejs.com/
GitHub: https://github.com/AriaMinaei/theatre
👉 @frontend_1
Забудьте о конкатенации, используйте шаблонные строки (литералы)
Конкатенация строк с помощью оператора "+" – это старая школа. Более того, конкатенация строк с участием большого количества переменных (или выражений) повышает риск возникновения путаницы и ошибок.
Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.
@frontend_sovet
Используем v-model во Vue 3 для создания сложных форм.
В этой статье мы представим изменения в директиве v-model в Vue 3. Затем мы пройдемся по учебнику, демонстрирующему, как использовать несколько привязок v-model для упрощения процесса построения сложных форм в Vue.
👉 @frontend_1
Ребят, Енот из HTML Academy 23 августа проводит беспроигрышную лотерею! Примите участие в розыгрыше, и один из 350 гарантированных призов ваш.
Главный приз: 5 лицензий на годовой курс обучения профессии «Фронтенд-разработчик» в самостоятельном формате.
Еще 345 счастливчиков получат скидку 50% на профессию «Фронтенд-разработчик», «Бэкенд-разработчик» или «React-разработчик» (на выбор победителя) в самостоятельном формате.
Не упустите свой шанс начать обучаться востребованной профессии уже этим летом!
Регистрируйтесь по ссылке, розыгрыш пройдёт уже 23 августа в 13:00.
Количество участников ограничено.
Polished.js — набор инструментов для написания стилей в JavaScript ✨
Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.
Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript
https://github.com/styled-components/polishedhttps://polished.js.org/
👉 @frontend_1
A lightweight toolset for writing styles in JavaScript ✨ - GitHub - styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
До конца лета Cloud предлагает переехать в облако Advanced при поддержке лучших инженеров
Почему стоит присмотреться? Можно получить:
• сервисы для любых задач: от запуска сайта до деплоя базы данным
• до 80 часов консультаций с профессионалами
• до 2-х месяцев бесплатного тестового периода
• до 6 месяцев потребления со скидкой
Из плюсов — современный стек, детальная документация на двух языках, интуитивно понятный интерфейс. Гранты на миграцию выдают по результатам рассмотрения заявки.