Так увлёкся, что даже две викторины в один день получилось 😄
Ну ладно, отвечайте тогда 🤷‍♂️

@frontend_school #видео #git

Git. Быстрый старт. Урок 9 + Урок 10 + Урок 11

Заключительная часть уроков по Git. Надеюсь они помогли вам и теперь вы умеете пользоваться контролем версий 😊

@frontend_school #юмор

Типичное собеседование

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

Переключатель в технологичном стиле

Переключатель выполнен с использованием React, а сами картинки SVG. Выглядит весьма эффектно

@frontend_school #статья

От нуля до героя фронтенда. Часть 1

Этот гайд поможет вам сориентироваться в изучении фронтенд-разработки. В нём собраны учебные ресурсы, уже доказавшие свою эффективность, и подробные объяснения.
Руководство разбито на две части для более простого усвоения материала. Часть 1 посвящена разработке интерфейсов на HTML и CSS. Часть 2 будет о Javascript, фреймворках и паттернах дизайна.

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

@frontend_school #задача

Like a Gogol

В сегодняшней задаче мы с вами побудем Гоголем и сожжём, а точнее сотрём то, что нам не нравится!
Кстати, нам очень не нравятся символы, которые стоят перед знаком #.

Условие:
Предположим, что «#» - это клавиша backspace. Это означает, что строка «a#bc#d» на самом деле является «bd». Ваша задача - обработать строку с символами "#" и вернуть новую, но уже с удалёнными символами, согласно проставленным знакам #.

Примеры:
"abc#d##c" ==> "ac"
"abc##d######" ==> ""
"#######" ==> ""
"" ==> ""
"abc##" ==> "a"

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

@frontend_school #юмор

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

Форма для отписки от рассылок

С такой формой никто не решится отписаться даже от рассылок по увеличению 🍆 😄

@frontend_school #статья

От нуля до героя фронтенда. Часть 2

Это вторая статья из серии “От нуля до героя фронтенда”. В первой части вы научились создавать раскладку при помощи HTML и CSS и познакомились с некоторыми лучшими практиками. Во второй части мы сосредоточимся на изучении языка JavaScript, способах добавления интерактива в интерфейс, принципах и основных шаблонах в JavaScript и на создании веб-приложений.

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

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

А вот топ-10 прошлой викторины:
 🥇 @rat6666 – 6 (1 мин 10 сек)
 🥈 @glebmak – 5 (1 мин 4 сек)
 🥉 @dan_mk – 5 (1 мин 14 сек)
 4. Максим Бернадский – 5 (1 мин 15 сек)
 5. @Viktoriia_Maxy – 5 (1 мин 54 сек)
 6. @YeskinaA – 4 (55.9 сек)
 7. @Laokaorum – 3 (1 мин 19 сек)
 8. @zhenina_nadin – 3 (1 мин 7 сек)
 9. @Elena_mariupol – 3 (1 мин 42 сек)
 10. Roman R. – 3 (2 мин)

@frontend_school #задача #задача_из_собеседования

Условие:
Реализуйте функцию missing(), которая принимает неотсортированный массив уникальных чисел (то есть, числа в нём не повторяются) от 1 до некоего числа n, и возвращает число, отсутствующее в последовательности. Там может быть либо одно отсутствующее число, либо их может не быть вовсе.

Примеры:
missing([]) // undefined
missing([1, 4, 3]) // 2
missing([2, 3, 4]) // 1
missing([5, 1, 4, 2]) // 3
missing([1, 2, 3, 4]) // undefined

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

@frontend_school #юмор

Опытные разработчики ерунды не скажут☝️

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

Grid Garden

С помощью огорода и морковок вы научитесь использовать CSS-grid и станете ещё на шаг ближе к становлению крутым frontend-разработчиком!

@frontend_school #статья

Я полюбил верстку после этого: Zeplin в бою

Любому, кто верстает сайты требуются крутые инструменты. Одним из таких инструментов является Zeplin - это как Avocode, только бесплатный и другой. Рекомендую ознакомиться со статьёй всем, кто ищет для себя подходящий инструмент работы с макетами.

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

@frontend_school #задача

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

Например:
"ктоздесь" - возможные триплеты [к, т, о], [о, з, е], [з, е, ь] и так далее. Загаданная строка, соответственно, "ктоздесь".

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

@frontend_school #юмор

А буква "Б" означает бедность 😉

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

Смена времени суток

Вы можете выбирать с помощью кнопок какое будет время суток за окном. Сделано с помощью svg картинок.