@frontend_school #викторина_недели

Это 7-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.

А вот топ-10 прошлой викторины:
🥇 @redd08 – 3 (57.6 сек)
🥈 @Viktoriia_Maxy – 3 (1 мин 40 сек)
🥉 Roma Levin – 3 (2 мин 11 сек)
 4. @ksawl – 2 (24.2 сек)
 5. Artem Voloschenko – 2 (1 мин 29 сек)
 6. @marinadubinina21 – 2 (36.2 сек)
 7. @disheg – 1 (21.9 сек)
 8. @kuragurassyp – 1 (16 сек)
 9. @Wellitsgood – 1 (25.8 сек)
 10. @zhenina_nadin – 0 (6 сек)

@frontend_school #видео

Как сделать слайдер на JS?

В этом видео ты узнаешь как можно написать слайдер (карусель, слайдшоу - это всё об одном...). Основной акцент делается именно на логике работы. Не сложная вёрстка на HTML и CSS, логика одна, но в качестве примера написана на jQuery и затем на JavaScript.

@frontend_school #юмор

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

Дройд BB-8 из вселенной Star Wars

Вот такого дройда из Звёздных Войн сможете сделать и вы, а если захотите, то и улучшить. Выполнен на HTML, CSS (с использованием препроцессора SCSS) и JavaScript (JQuery).

@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. можно добавлять на сайт недобросовестного клиента 😉