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

2022-03-27 19:14:21 13 приёмов работы с npm, которые помогают экономить время

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

А поскольку работать с ним приходится достаточно много, то полезно знать некоторые хитрости, которые ускоряет взаимодействие. Подробнее о них в этой статье.

Читать статью

@frontend_school #статья #npm Открыть/Комментировать

2022-03-26 10:13:01 Создаём скрипты для сайта интернет-магазина

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

Имейте в виду, что видео длинное, но для удобства разбито на разделы, что позволяет изучать его в несколько приёмов.

Смотреть видео

@frontend_school #видео #javascript Открыть/Комментировать

2022-03-24 11:13:19 Сколько хрома в Chromium

Интересная статья, которая новичкам может и не поможет прокачать навыки, но приоткроет завесу тайны для всех пользователей браузеров на Chroimum. Мне показалось, что вам будет интересно.

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

Читать статью

@frontend_school #статья #chromium Открыть/Комментировать

2021-06-02 20:17:11 Что лучше использовать: ссылки или кнопки

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

Читать статью

@frontend_school #статья Открыть/Комментировать

2021-06-01 11:30:50 Курс «React + Next.js — с нуля» со скидкой до 90%: TypeScript, Hooks, SSR и CSS Grid

Next.js — готовый к production фреймворк для React — самой популярной JavaScript-библиотеки на сегодняшний день. Он позволяет разрабатывать производительные, SEO-friendly сайты с использованием Server Side Rendering (SSR) и статической генерацией.

На курсе вы детально разберёте: TypeScript, настройку окружения и сборку проекта, работу в Figma, React Hooks, создание компонентов, роутинг, встроенные компоненты, работу с формами через react-hook-form, работу ScreenReader, подготовку приложения к production и работу Docker.

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

Для подписчиков сообщества frontend.school() этот курс со скидкой до 90% по ссылке

https://www.udemy.com/course/react-nextjs/? Открыть/Комментировать

2021-05-05 18:35:49 ​​Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут

Вы, наверное, уже знаете о том, что для хранения сведений об отдельных компонентах цвета можно применять пользовательские CSS-переменные. Это позволяет избавиться от необходимости повторения одних и тех же цветовых координат в стилях, описывающих цветовую тему сайта. Возможно, вы даже знаете о том, что одну и ту же переменную можно использовать для настройки нескольких компонентов цвета.

А знаете ли вы, что с помощью них также можно быстро создать тёмную тему для сайта на основе цветов светлой темы? Если нет, то в этой статье вам расскажут об этом подробнее.

Читать статью

@frontend_school #статья #CSS Открыть/Комментировать

2021-05-05 11:38:38 ​​​​Вебинар «Конечные автоматы в реальной жизни»

Наставник курса «Мидл фронтенд-разработчик» Захар Овчаров расскажет про применение автоматов, а выпускник курса Антон Субботин попытается понять, зачем всё это нужно и как применять.

Что будет на вебинаре:
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 Открыть/Комментировать

2021-05-04 21:15:47 ​​Что лучше использовать: ссылки или кнопки

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

Читать статью

@frontend_school #статья #HTML Открыть/Комментировать

2021-04-28 15:19:13 Налейтай, народ! Не вакансия, а мечта!

@frontend_school #юмор Открыть/Комментировать

2021-04-27 15:58:05 ​​Обработка текста поверх изображений в CSS

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

Читать статью

@frontend_school #статья #CSS Открыть/Комментировать