@frontend_school #статья #JavaScript

Эффектное программирование. Часть 1: итераторы и генераторы

Javascript на данный момент является самым популярным языком программирования по версиям многих площадок (например Github). Является ли при этом он самым продвинутым или самым любимым языком? В нём отсутствуют конструкции, которые для других языков являются неотъемлемыми частями: обширная стандартная библиотека, иммутабильность, макросы. Но в нём есть одна деталь, которая не получает, на мой взгляд, достаточно внимания — генераторы.
Далее читателю предложена статья, которая, в случае положительного отклика, может перерасти в цикл. Приятного чтения!

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

@frontend_school #задача №31

Как насчёт того, чтобы попробовать свои силы в 3D? Предлагаю сегодня попробовать вам сверстать страницу, где будет такой же анимированный кубик, как на видео.
Подсказка: для решения достаточно HTML и CSS 😉

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

@frontend_school #юмор

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

Игра "Ударь кролика"

В сегодняшней рубрике интересное у нас необычный проект. Это полноценная игра на скорость "Ударь кролика". Ваша задача 27 раз попасть по кролику. Проект также интересен с точки зрения реализации и полезен для изучения кода и практики.

@frontend_school #статья #JavaScript

Создавайте свой код с нуля, это прокачает ваш уровень

«На днях я провел собеседование на должность senior javascript разработчика. Мой коллега, который также принимал участие в собеседовании, попросил кандидата написать функцию, которая будет выполнять HTTP-запрос, и повторять его несколько раз в случае сбоя. Если бы он продемонстрировал хорошее понимание вопроса, мы были бы остались довольны. Но, к сожалению, он не смог найти хорошего решения.
Подумав что он нервничает, мы решили сделать задание немного проще и попросили его преобразовать функцию на основе обратного вызова в функцию на основе Promise. Он более или менее знал, как это работает. Но код, который он написал на доске, не имел никакого смысла. У него было только смутное понимание концепции Promise в JavaScript, и он не смог рассказать про него доходчиво. Это может быть простительно, если вы начинающий разработчик, но если вы претендуете на руководящую должность, этого недостаточно.»

Полезная статья-мотиватор

@frontend_school #ответ_на_задачу

По ссылке ниже представлено решение задачи №31.

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

Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!

@frontend_school #юмор

Понятные комментарии к коду - залог успеха!

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

«Живой» паук

Здесь нет CSS. Только Canvas и JavaScript.

@frontend_school #статья #CSS

Малоизвестные причуды CSS: полезные советы и рекомендации

В этой статье вы найдете некоторые из самых странных функций CSS, а также советы и рекомендации CSS для продвинутых пользователей.

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

@frontend_school #полезное

Build a Better Mobile Input

С помощью данного инструмента можно наглядно посмотреть как будет вести себя тег input в мобильной версии сайта.

@frontend_school #юмор

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

Полоса загрузки ваших нервов

Весьма забавная полоса загрузки, которая удивит неподготовленного пользователя. Смотрите до конца!

P.S. можно добавлять на сайт недобросовестного клиента 😉

@frontend_school #статья #HTML #JavaScript

CANVAS шаг за шагом: Основы

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

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

@frontend_school #юмор

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

Трансформирующиеся фигуры

Можно использовать в качестве индикаторы загрузки.
Фигуры выполнены с использованием препроцессора SCSS.