Frontend.school() | изучаем HTML, CSS, JavaScript вместе!

13 приёмов работы с npm, которые помогают экономить время Дойдя до изучения JavaScript, вы неминуемо столкнётесь с NPM. Пакетный менеджер позволяет устанавливать необходимые зависимости для вашего проекта, загружать библиотеки и фреймворки и многое другое. А поскольку работать с ним приходится достаточно много, то полезно знать некоторые хитрости, которые ускоряет взаимодействие. Подробнее о них в этой статье. Читать статью @frontend_school #статья #npm

Создаём скрипты для сайта интернет-магазина В этом объёмном видео вы на практических примерах сможете прокачать свои навыки JS-разработки. Вы сможете поработать с DOM, настроить поиск, клики, а также ближе познакомитесь с функциями, переменными и массивами. Имейте в виду, что видео длинное, но для удобства разбито на разделы, что позволяет изучать его в несколько приёмов. Смотреть видео @frontend_school #видео #javascript

Сколько хрома в Chromium Интересная статья, которая новичкам может и не поможет прокачать навыки, но приоткроет завесу тайны для всех пользователей браузеров на Chroimum. Мне показалось, что вам будет интересно. Все знают, что Chromium — это открытая основа для браузеров, которую может использовать каждый. Так, у Google — это Chrome, у Яндекс — Яндекс.Брааузер, у Microsoft — Edge, а ещё есть Opera, Brave, Vivaldi и так далее. Но оказывается, что для использования Chromium в своих целях компаниям приходится предварительно удалять кучу функционала, который туда запихнули в Google. Зачем? Непонятно. Читать статью @frontend_school #статья #chromium

Что лучше использовать: ссылки или кнопки При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе веб-страницы. Эта статья поможет вам избавиться от подобных проблем! Читать статью @frontend_school #статья

​​Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут Вы, наверное, уже знаете о том, что для хранения сведений об отдельных компонентах цвета можно применять пользовательские CSS-переменные. Это позволяет избавиться от необходимости повторения одних и тех же цветовых координат в стилях, описывающих цветовую тему сайта. Возможно, вы даже знаете о том, что одну и ту же переменную можно использовать для настройки нескольких компонентов цвета. А знаете ли вы, что с помощью них также можно быстро создать тёмную тему для сайта на основе цветов светлой темы? Если нет, то в этой статье вам расскажут об этом подробнее. Читать статью @frontend_school #статья #CSS

​​​​Вебинар «Конечные автоматы в реальной жизни» Наставник курса «Мидл фронтенд-разработчик» Захар Овчаров расскажет про применение автоматов, а выпускник курса Антон Субботин попытается понять, зачем всё это нужно и как применять. Что будет на вебинаре: 1. Поговорите про абстрактные машины, не существующие в реальности. Вы увидите, как на их основе строятся алгоритмы решения широкого круга задач. 2. Разберёте на примерах, как работают конечные автоматы и где находят применение. 3. Построите небольшой конечный автомат для валидации и допуска строк пользовательского ввода. 4. Обсудите использование, сложности и ограничения конечных автоматов для решения прикладных повседневных задач. Для кого? — Для тех, кто хочет лучше разбираться в фундаментальных алгоритмах. — Для разработчиков, которые воспринимают регулярные выражения как магию, а валидацию форм как ужасную проблему. — Для начинающих разработчиков, которые хотят построить прочный фундамент знаний. 8 мая в 15:00 (Мск) https://praktikum.blog/webinar-avtomati/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_webinar-avtomati-frontend_school

​​​​Вебинар «Конечные автоматы в реальной жизни» Вы знаете, что такое конечные автоматы? На самом деле это очень полезная математическая абстракция, модель дискретного устройства, имеющего один вход, один выход и в каждый момент времени находящегося в одном состоянии из множества возможных. Наставник курса «Мидл фронтенд-разработчик» Захар Овчаров расскажет про применение автоматов. На вебинаре вы: — подробнее узнаете про абстрактные машины, не существующие в реальности и увидите, как на их основе строятся алгоритмы решения широкого круга задач; — разберётесь , как работают конечные автоматы; — построите небольшой конечный автомат для валидации и допуска строк пользовательского ввода; — обсудите использование, сложности и ограничения конечных автоматов. Если хотите лучше разбираться в фундаментальных алгоритмах, лучше понимать регулярки, получить новые и полезные знания, то приходите 8 мая в 15:00 по Московскому времени. Записаться можно тут

​​Что лучше использовать: ссылки или кнопки При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе веб-страницы. Если дизайнер по каким-то причинам не отрисовал состояния вообще, то придётся руководствоваться логикой, описанной в этой статье. Читать статью @frontend_school #статья #HTML

Налейтай, народ! Не вакансия, а мечта! @frontend_school #юмор

​​Обработка текста поверх изображений в CSS При вёрстке сайта часто возникает необходимость разместить текст поверх какого-то изображения. В таком случае текст может сливаться с частью изображения, если стили плохо прописаны. Чтобы сделать текст более читаемым, а общий вид привлекательным, существуют различные способы. Вот об этих способах вы узнаете в сегодняшней статье. Читать статью @frontend_school #статья #CSS