Как вставить адаптивное видео на сайт

В мире адаптивных и гибких макетов в Интернете, один единственный медиа тип стоит на пути к идеальной гармонии - видео. Разбираемся, как сделать их адаптивными, сохраняя при этом соответствующую высоту и не нарушая пропорции.

https://prglb.ru/ty9i

#interface

Интересные находки в новой верстке Facebook

Ahmad Shadeed разобрал новый дизайн соцсети и нашел много интересных приемов: https://prglb.ru/9vgv

#css #html

Паттерны реактивности в 2020 году

Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh

#frameworks #tools #reactivity #frontend #bestpractices

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

Но при этом можно изменить цвет? И как это связано с безопасностью?

https://prglb.ru/1t3m2

#css #security #browser

💥Станьте востребованным: освойте Flutter и Dart на онлайн-курсе «Flutter в мобильной разработке» от Skill-Branch!💥

Начните создавать современные приложения под Android и IOS, как это уже делают Google, Alibaba, eBay и другие мировые компании.✊🏼

«Flutter в мобильной разработке» от Skill-Branch – это:

• 3,5 месяца обучения мультиплатформенной разработки
• 40+ академических часов лекций
• 100+ часов практики
• 11 закрытых мастер-классов
• Система автоматической проверки заданий
• Апгрейд портфолио: мобильное приложение на Flutter, созданное вами👍🏼
• Сертификат, подтверждающий полученные знания
• Живой чат сообщества для общения. Присоединяйтесь!

⚠️Количество мест ограничено!⚠️

⚡️Рассрочка 0/0/24 - Учитесь за 1630 ₽/мес.
⚡️Программа лояльности и скидки
⚡️Обучение за счёт работодателя

Оставьте заявку на сайте сейчас!

Руководство по работе с SVG

Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.

https://prglb.ru/4wn1v

#svg #tools

Состояние загружаемых данных

Небольшая заметка о том, как упростить состояние загрузки данных. Вместо множества флагов используйте всего одну(!) переменную состояния.

https://prglb.ru/1psv8

#bestpractices

Плагины Vue, которые вам очень нужны, но вы об этом еще не знаете

https://prglb.ru/31saz

#vue #frameworks

Пробуем Deno на примере простейшего сервера и React SSR

Небольшой практический видео-обзор Deno: https://prglb.ru/4cv9

#deno #tools #video

Многие слышали про отличный курс факультета веб-разработки GeekBrains. Но не всем по душе корпеть над базами данных и разбираться в бэкенде. Хочется сразу видеть результат 👀

Для интересующихся фронтендом открылась возможность поступить на факультет Frontend-разработки. Практикующие специалисты со стажем учат всему, что нужно: адаптивно верстать, кроить веб-приложения, понимать Vue и React, использовать концепции Flux и Redux, работать с Node.js и Git. ➕ 5 проектов в портфолио.

Самое классное, что это не просто обучение «для галочки» ✅, а университет с гарантированным трудоустройством 💸. Интересно? Смотрите сами: https://proglib.io/w/0b6e14f6

⌨️ Инструкция: как создать форму в React

Показываем на примерах JS-кода, как создать форму с помощью контролируемых или неконтролируемых компонентов React и обработать состояние с помощью React хуков.

Ссылка: https://prglb.ru/1gy5l

#react #frameworks

Внимание-внимание! Мы торжественно объявляем о старте регионального этапа конкура для IT-специалистов "Цифровой Прорыв 2020"! 🚀

С середины августа по середину ноября вас ожидают сразу 8 командных хакатонов в ключевых региональных IT-хабах страны. 🌏

Для решения актуальных кейсов от топовых IT-компаний мы ожидаем до 280 команд в каждом регионе, а общий призовой фонд этапа составит 24.000.000 ₽! 🏆

Прояви себя в "цифре" - выбирай любой понравившйся хакатон (пока еще есть места), регистрируйся, собирай или вступай в команду и стань частью цифрового будущего России! 💫

Подробности: https://leadersofdigital.ru/

Что такое npm? Гайд по Node Package Manager для начинающих

Как установить, опубликовать и проверить JavaScript-пакеты на уязвимость с помощью npm – менеджера пакетов Node.js.

https://prglb.ru/3f1s

#npm #node

В IT хотят если не все, то многие — спрос на специалистов остался высоким, несмотря на пандемию, а курсов и образовательных программ для разработчиков, тестировщиков, менеджеров и дизайнеров становится все больше. Как научиться в IT, чем отличаются курсы компаний, как выбрать среди них подходящий и есть ли курсы с гарантированным оффером для выпускников — Ozon, «Яндекс.Практикум», «Школа 21», «Тинькофф» и GeekBrains рассказывают в статье на Хабре: https://habr.com/ru/company/ozontech/blog/512026/.

А мы решили выяснить, откуда берутся разработчики! Как вы пришли в IT? Расскажите — ответы на вопросы займут чуть больше 2 минут (мы посчитали): https://forms.gle/VUDJJ5zeeieL2PRN9

👨‍💻 Как стать профессиональным веб-разработчиком с нуля и найти первую работу

От первого урока до первого заказа. Начните зарабатывать созданием сайтов, даже если никогда не видели код. Пошаговый план действий, ссылки, полезные советы.

Читать: https://prglb.ru/4199s

Руководство по стилизации компонентов в Angular

Все способы стилизации в одном месте: https://prglb.ru/4ooom

#angular #css #frameworks

Доступный контрол автодополнения

Инпут с автодополнением - это сложный элемент интерфейса, которого нет в нативном HTML, поэтому придется реализовывать его с нуля.

Очень подробное руководство: https://prglb.ru/fpfb

#interface

Айтишники, хорошая новость! 👾

Появился канал с удалёнными вакансиями в IT: @theyseeku_it

Здесь ищут девелоперов, разработчиков, проект-менеджеров, UX/UI-дизайнеров, SEOшников и других специалистов.

• Вакансии от известных IT-компаний;
• Заработная плата от 30 до 500 тысяч рублей;
• Должности для опытных и начинающих специалистов;
• Только удалённая занятость.

Присоединяйся и стань частью IT-индустрии!

Talking TypeScript

Книга Акселя Раушмайера о TypeScript. Половина доступна для чтения бесплатно!

Читать: https://prglb.ru/101c1

#books #typescript

TDD с Jest и Angular

Разбираемся, как выглядит test-driven development на фронтенде с Jest.

Ссылка: https://prglb.ru/56c7k

#testing #jest #angular #tools

​​Ищем Senior JS разработчика в большой проект по разработке экосистемы моделирования бизнес процессов.
Система включает в себя средства разработки моделей, средства анализа и имитационного моделирования.

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

Требования:
· Знание одной из популярных экосистем (React, Vue), широкий кругозор будет плюсом;
· Знание HTML и CSS;
· Опыт работы с серверным JS, например, node.js
· Понимание принципов usability, UX;
· Опыт проектирования решений «с нуля» будет плюсом;
· Опыт работы с приложениями на JS, например опыт работы с Electron’ом, будет плюсом:
· Умение работать в команде;

Условия:
· Фулл-тайм в офисе с гибким стартом рабочего дня или удаленная работа в зависимости от релевантного опыта;
· Дружный коллектив единомышленников;
· Карьерный и профессиональный рост;
· Оформление по ТК РФ с первого дня;
· Белая з/п (оклад по итогам собеседования в соответствии с опытом);
· Оплачиваемый отпуск и больничный + дополнительные 5 дней оплачиваемого больничного в году;
· Корпоративное обучение английскому языку за счет компании (при необходимости);
· В офисе всегда есть плюшки, фрукты и вкусный кофе;
· Офис в 3-х минутах ходьбы от станции метро Сокол.

➡️ Подробности - https://proglib.io/vacancies/senior-js-razrabotchik-laboratoriya-bezopasnyh-sistem-2020-07-30