16 июля  в 20:00 (мск) – День открытых дверей онлайн-курса «Всё о курсе «Автоматизация тестирования на JavaScript» онлайн». Запишитесь: https://otus.pw/XodM/

На Дне открытых дверей преподаватель расскажет о программе курса, формате обучения и перспективах для выпускников. Формат проведения — онлайн трансляция. Участие бесплатное.

Первые 20 участников, зарегистрировавшихся на вебинар, получат Сертификат на скидку на электронную почту в течение 1-2 дней после трансляции.
Еще 10 сертификатов на скидку распределят в прямом эфире между теми, кто записался на вебинар.

Запись на участие в розыгрыше закрывается в день проведения вебинара в 16:00 (полные правила акции читайте на сайте https://otus.ru/legal/promo/) Применить Сертификат можно только после успешного прохождения вступительного тестирования.

Так что готовьте вопросы, сдавайте вступительный тест и присоединяйтесь: https://otus.pw/XodM/

​​Яндекс.Практикум запустил программы обучения для фронтенд- и Python-разработчиков, которые хотят вырасти с уровня джуниор-специалиста до мидл. Также  в библиотеке специальностей появился курс «Разработчик C++».

Курсы по фронтенду и Python для джуниор-разработчиков помогут вырасти в профессии: развить hard skills сложными задачами, освоить новый стек технологий и работать с архитектурой сервисов. Курс «Мидл фронтенд-разработчик» подойдёт тем, кто уверенно чувствует себя с HTML, CSS, JavaScript, знаком с работой браузера и умеет пользоваться Git.

Курс помогает понять, как применять на практике современные фреймворки в качестве инструмента JavaScript. Это пригодится на собеседованиях и в работе.
Студенты курса станут разработчиками-инженерами с целостным пониманием всех процессов мира программирования. Во время обучения будет два проекта: самостоятельный —«Мессенджер» и командный — «Браузерная игра». Студенты познакомятся с распространёнными алгоритмами и структурами данных, реализуют их на JavaScript и научатся оценивать их сложность. Продолжительность курса — 4 месяца. Учёба занимает по 20 часов в неделю.

Правильный ответ: зеленого цвета

Директива !important имеет больший приоритет, чем простые инлайн-стили.

Узнать больше о каскаде и конкурирующих стилях в CSS: https://prglb.ru/4pcyn

#css

​​Как прокачаться и стать незаменимым программисту с опытом? Узнайте на бесплатных пробных уроках онлайн-курсов «Scala-разботчик», «Backend-разработка на Kotlin», «Алгоритмы и структуры данных»:

📌22.07 — «Scala в разработке веб-приложений»: https://otus.pw/Avr9/
Выясним, почему вам уже сейчас нужно переходить на Scala. Что такое Scala-way и функциональное программирование, и зачем оно вам. Как использовать Scala в вашем Java-приложении и как создать Scala-приложение с нуля.

📌22.07 — «Kotlin Multiplatform: Front/Back на одном языке»: https://otus.pw/1WO1/
До сих пор дублируете код на бэкенде и фронтенде? В течение полуторачасового вебинара мы создадим небольшую библиотеку, которую подключим к бэкенду на Kotlin и фронтенд-приложению на JavaScript.

📌24.07 — «Пирамидальная сортировка HeapSort»: https://otus.pw/POFw/
Реализуем алгоритм сортировки выбором - SelectionSort, а потом внедрим в него двоичный поиск максимального элемента. Получим пирамидальную сортировку HeapSort с квазилинейной сложностью, вместо квадратичной.

Проверьте, насколько вам подходит вебинар, пройдя тест при регистрации!

MoscowJS 47

4 видео со встречи MoscowJS 47:
В погоне за перформансом
Как разработчику находить максимум багов за минимум времени
Как писать код с уважением
Путь к разработке расширяемых интерфейсов

Смотреть: https://prglb.ru/5vitb

#video #javascript #moscowjs

​Как загружать полифиллы только тогда, когда они нужны

Иван Акулов разбирает три подхода умного подключения полифиллов в вашем коде:
polyfill.io
module/nomodule
опция useBuiltIns

Ссылка: https://prglb.ru/4ow5f

#performance #polyfill

​Вам не нужен Moment.js

Подборка функций для замены библиотеки moment.js при работе с датами и временем.

В закладки: https://prglb.ru/ovb6

#javascript #library

Руководство по Svelte

Краткий туториал с важными концепциями Svelte и множеством полезных ссылок.

#frameworks #svelte

В закладки: https://prglb.ru/2yqmu

​Полный список решений для валидации форм в React-приложениях

Для такой важной и распространенной задачи как валидация пользовательских форм, лучше использовать готовые решения, а не переизобретать велосипед. Вот некоторые из них:

👉 Formik
👉 React Final Form
👉 Unform
👉 React Form
👉 react-json-schema-form
👉 React Hook Form
👉 Redux Form
👉 Formsy
👉 Simple React Validator

Подробный обзор с примерами использования здесь: https://prglb.ru/5wgzp

#frameworks #react #validation

​9 прекрасных проектов, которые можно создать на ванильном JavaScript

Скажем откровенно: не важно, сколько книг по программированию вы прочли, сколько видео просмотрели и сколько подкастов прослушали — если вы хотите стать лучшим разработчиком, вам нужно непрерывно практиковаться.

Список идей с видео-объяснениями: https://prglb.ru/5j7bt

#javascript #projects

​Инклюзивные компоненты: слайдер

Слайдеры похожи на мужчин. Буквально не все они плохие. Кто-то из них даже отзывчивый и тактичный.

Все, что вы должны знать о слайдерах в переводе Татьяны Фокиной: https://prglb.ru/4ra49

#accessibility #interface

​SVG-редакторы в браузере

Одна из самых крутых вещей в SVG заключается в том, что несмотря на всю мощность этого инструмента, он остается понятным и легко редактируемым.

Есть множество инструментов для работы с SVG, в том числе браузерные:

👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp

Подробный список с описаниями: https://prglb.ru/5gefr

#tools #svg

Открытое занятие — это не только возможность пообщаться с экспертом, но и бесплатно попробовать обновленный практический онлайн-курс «Team Lead».

Зарегистрируйтесь и смотрите 20 июля вебинар «Обратная связь и развитие в IT-команде»: https://otus.pw/INcI/

За 1,5 часа вы научитесь решать задачи:
- Как организовать открытый обмен мнениями
- Как составлять план развития и ставить цели «на вырост»
- Как давать конструктивную обратную связь

Вебинар проведет Георгий Могелашвили, Lead Developer в Booking com в Амстердаме и преподаватель продвинутого онлайн-курса для тимлидов в Отус.

Присоединяйтесь к профессионалам.

Как складные девайсы повлияют на фронтенд-разработку?

Новые возможности или новый кошмар?
Читать: https://prglb.ru/43ced

#web #device

Chrome University

Устройство самого популярного браузера Google Chrome в 22 лекциях.

Смотреть (на английском): https://prglb.ru/5soii

#video #browser

Javascript — единственный язык программирования для браузеров. Если не знаешь JS, программировать будет туго. Зато, если знать JS и ещё пару фреймворков, можно стать перспективным фронтенд-разработчиком.

Для тех, кто хочет научиться разрабатывать веб-приложения и сайты, Skillfactory приглашает на курс «Frontend-разработчик».

За полгода вы:
— Научитесь разрабатывать адаптивные сайты с использованием CSS, Flexbox и интерактивные сайты и приложения  на JavaScript и HTML.
— Создадите сайт-визитку, сверстаете лендинг, разработаете аналог Trello на React — канбан-доску и познакомитесь с популярными фреймворками Node.js, Vue и Angular.
— Soft Skills прокачаете на бонусном модуле и соберете портфолио на Github.
Карьерный центр в Skillfactory помогает выпускникам с трудоустройством в крупные IT-компании, так что дерзайте.

🚀Получите курс со скидкой 40%: https://clc.to/-OBN6w

👋 Всем привет!

23 июля приглашаем на онлайн-митап сообщества разработчиков MSK VUE.JS.

В программе митапа:

1️⃣ Разработка конструктора отчетов при помощи Cube.js.

2️⃣ 5 действенных техник оптимизации vue-приложений.

3️⃣ Решение проблем REST API при помощи GraphQL.

Подробности и регистрация 👉 https://clc.to/MSK-VUE.JS

​​Пробовали ли вы заниматься фронтенд разработкой на React без подключения к интернету?

Для студенческих проектов и фриланса очень важно, чтобы посторонние зависимости не были сломаны после завершения работ. Однако, некоторые npm пакеты докачивают файлы с облака Amazon, что в случае с node-sass убило ошибкой 404 кучу дипломных проектов студентов. Полностью обособленный от интернета инструментарий разработки с применением React, где в качестве системы сборки выступает только TypeScript Compiler, можно посмотреть в этом репозитории:

https://github.com/tripolskypetr/material-ui-umd