@frontend_school #статья #JavaScript

Как начать думать функционально в JavaScript

Чтобы освоить навык функционального программирования – или ФП, как его иногда называют по-модному – потребуется время; но как только вы вникнете в суть, вам откроется целый новый мир. Вы также сможете разрабатывать код, который легче поддается анализу.

@frontend_school #викторина

@frontend_school #полезное

6 лучших браузеров для разработчиков в 2020 году

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

@frontend_school #юмор

@frontend_school #интересное

Анимированный индикатор температуры

Выполнен на чистом CSS, но если прикрутить к нему javascript, то можно заставить его показывать реальные значения, взятые откуда вам необходимо.

@frontend_school #статья #CSS

сalc() в CSS3. Великолепные возможности для responsive верстки.

calc() довольно новая и еще совсем редко используемая функциональность в CSS3. Она позволяет задавать несложные арифметические операции непосредственно в описании стилей с участием всевозможных единиц измерения. Это очень удобно для вычисления размеров, позиций, трансформаций.. и даже цветов элементов. Давайте разберемся, где все это может пригодиться и стоит ли это того.

@frontend_school #викторина

@frontend_school #видео

Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)

Классические триллеры вроде «Callback Hell» и «Pyramid of Doom» потеряли свою актуальность настолько, что даже Java-программисты перестали пугать ими невинных джуниоров. Всё благодаря паттернам и библиотекам. Streams, Promises, Async-Await и другие изменили наш код. Теперь он прекрасен. Пока ещё вымысел? Поговорим о том, как сделать эту картину реальностью. Об основных практиках асинхронного программирования. Принципах их работы, отличиях и сценариях использования.

@frontend_school #юмор

@frontend_school #интересное

Дырявый переключатель

Этот переключатель выполнен с использованием ванильного CSS и JS. Несложная реализация позволяет легко изучить и повторить код для оттачивания навыков.

@frontend_school #статья #JavaScript

Знакомство с объектами map и set в JavaScript

В этой статье мы поговорим об объектах типов map и set, о том, что их отличает и объединяет с объектами и массивами, о свойствах и методах, доступных для этих типов, а также немного попрактикуемся.

@frontend_school #викторина

@frontend_school #задача №30

Элементарно, Ватсон!

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

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

Например:
const arr1 = ['b', 'b', 'e'];
const arr2 = ['b', 'c', 'e'];
const arr3 = ['b', 'e', 'c'];
console.log(intersection(arr1, arr2, arr3)) // ['b', 'e']

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!

@frontend_school #юмор

@frontend_school #интересное

3D график

Выполнен без использования JavaScript. Только HTML и CSS, правда на препроцессорах Haml и SCSS соответственно.

@frontend_school #статья #HTML

Используем Haml для генерации HTML

Если вы знаете о Less или Sass, то для понимая преимуществ, которые может дать использование Haml вам не потребуется много времени. Haml представляет из себя язык разметки с упрощенным синтаксисом. Написанный на нем код может быть компилирован в хорошо знакомый HTML. Как и другие препроцессоры, он предлагает не только видоизмененный синтаксис, но и новые конструкции языка: условные операторы, циклы, вставки кода из других файлов и т.п. Эта статья на тему основных преимуществ, которые дает Haml над олдскульной версткой содержит примеры для быстрого старта. Даже если вы пока что не собираетесь использовать препроцессор HTML, то для расширения кругозора рекомендую прочитать эту статью. Приятного чтения!

@frontend_school #викторина