Так увлёкся, что даже две викторины в один день получилось 😄
Ну ладно, отвечайте тогда 🤷♂️
Ну ладно, отвечайте тогда 🤷♂️
@frontend_school #видео #git
Git. Быстрый старт. Урок 9 + Урок 10 + Урок 11
Заключительная часть уроков по Git. Надеюсь они помогли вам и теперь вы умеете пользоваться контролем версий 😊
Git. Быстрый старт. Урок 9 + Урок 10 + Урок 11
Заключительная часть уроков по Git. Надеюсь они помогли вам и теперь вы умеете пользоваться контролем версий 😊
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Переключатель в технологичном стиле
Переключатель выполнен с использованием React, а сами картинки SVG. Выглядит весьма эффектно
Переключатель в технологичном стиле
Переключатель выполнен с использованием React, а сами картинки SVG. Выглядит весьма эффектно
@frontend_school #статья
От нуля до героя фронтенда. Часть 1
Этот гайд поможет вам сориентироваться в изучении фронтенд-разработки. В нём собраны учебные ресурсы, уже доказавшие свою эффективность, и подробные объяснения.
Руководство разбито на две части для более простого усвоения материала. Часть 1 посвящена разработке интерфейсов на HTML и CSS. Часть 2 будет о Javascript, фреймворках и паттернах дизайна.
От нуля до героя фронтенда. Часть 1
Этот гайд поможет вам сориентироваться в изучении фронтенд-разработки. В нём собраны учебные ресурсы, уже доказавшие свою эффективность, и подробные объяснения.
Руководство разбито на две части для более простого усвоения материала. Часть 1 посвящена разработке интерфейсов на HTML и CSS. Часть 2 будет о Javascript, фреймворках и паттернах дизайна.
Что будет выведено в консоль в случае нажатия на странице на блок, представленный в коде на изображении выше?
Anonymous Quiz
36%
div p
22%
p
13%
div
30%
p div
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #задача
Like a Gogol
В сегодняшней задаче мы с вами побудем Гоголем и сожжём, а точнее сотрём то, что нам не нравится!
Кстати, нам очень не нравятся символы, которые стоят перед знаком #.
Условие:
Предположим, что «#» - это клавиша backspace. Это означает, что строка «a#bc#d» на самом деле является «bd». Ваша задача - обработать строку с символами "#" и вернуть новую, но уже с удалёнными символами, согласно проставленным знакам #.
Примеры:
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
Like a Gogol
В сегодняшней задаче мы с вами побудем Гоголем и сожжём, а точнее сотрём то, что нам не нравится!
Кстати, нам очень не нравятся символы, которые стоят перед знаком #.
Условие:
Предположим, что «#» - это клавиша backspace. Это означает, что строка «a#bc#d» на самом деле является «bd». Ваша задача - обработать строку с символами "#" и вернуть новую, но уже с удалёнными символами, согласно проставленным знакам #.
Примеры:
"abc#d##c" ==> "ac"
"abc##d######" ==> ""
"#######" ==> ""
"" ==> ""
"abc##" ==> "a"
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Форма для отписки от рассылок
С такой формой никто не решится отписаться даже от рассылок по увеличению 🍆 😄
Форма для отписки от рассылок
С такой формой никто не решится отписаться даже от рассылок по увеличению 🍆 😄
@frontend_school #статья
От нуля до героя фронтенда. Часть 2
Это вторая статья из серии “От нуля до героя фронтенда”. В первой части вы научились создавать раскладку при помощи HTML и CSS и познакомились с некоторыми лучшими практиками. Во второй части мы сосредоточимся на изучении языка JavaScript, способах добавления интерактива в интерфейс, принципах и основных шаблонах в JavaScript и на создании веб-приложений.
От нуля до героя фронтенда. Часть 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 мин)
Это 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([]) // 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 и присылайте ссылку на результат!
Условие:
Реализуйте функцию
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 #интересное
Grid Garden
С помощью огорода и морковок вы научитесь использовать CSS-grid и станете ещё на шаг ближе к становлению крутым frontend-разработчиком!
Grid Garden
С помощью огорода и морковок вы научитесь использовать CSS-grid и станете ещё на шаг ближе к становлению крутым frontend-разработчиком!
@frontend_school #статья
Я полюбил верстку после этого: Zeplin в бою
Любому, кто верстает сайты требуются крутые инструменты. Одним из таких инструментов является Zeplin - это как Avocode, только бесплатный и другой. Рекомендую ознакомиться со статьёй всем, кто ищет для себя подходящий инструмент работы с макетами.
Я полюбил верстку после этого: Zeplin в бою
Любому, кто верстает сайты требуются крутые инструменты. Одним из таких инструментов является Zeplin - это как Avocode, только бесплатный и другой. Рекомендую ознакомиться со статьёй всем, кто ищет для себя подходящий инструмент работы с макетами.
Выберите фрагмент CSS, который не содержит синтаксических ошибок.
Anonymous Quiz
3%
body:color=black
5%
body ( color: black )
5%
{body:color=black}
87%
body { color: black }
0%
{body;color:black}
@frontend_school #задача
Условие:
Есть секретная строка, которая вам неизвестна. Учитывая набор случайных триплетов из строки, восстановить исходную строку. Триплет здесь - последовательность из трех букв, которые указаны в том же порядке, что и в изначальной строке, но не обязательно подряд. «кто» - это триплет строки «ктоздесь». В качестве упрощения вы можете предположить, что никакая буква не встречается в секретной строке более одного раза.
В вашу задачу входит написать алгоритм, создающий триплеты из загаданной строки, а также алгоритм проверяющий предложенный вами вариант строки.
Например:
"ктоздесь" - возможные триплеты [к, т, о], [о, з, е], [з, е, ь] и так далее. Загаданная строка, соответственно, "ктоздесь".
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
Условие:
Есть секретная строка, которая вам неизвестна. Учитывая набор случайных триплетов из строки, восстановить исходную строку. Триплет здесь - последовательность из трех букв, которые указаны в том же порядке, что и в изначальной строке, но не обязательно подряд. «кто» - это триплет строки «ктоздесь». В качестве упрощения вы можете предположить, что никакая буква не встречается в секретной строке более одного раза.
В вашу задачу входит написать алгоритм, создающий триплеты из загаданной строки, а также алгоритм проверяющий предложенный вами вариант строки.
Например:
"ктоздесь" - возможные триплеты [к, т, о], [о, з, е], [з, е, ь] и так далее. Загаданная строка, соответственно, "ктоздесь".
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Смена времени суток
Вы можете выбирать с помощью кнопок какое будет время суток за окном. Сделано с помощью svg картинок.
Смена времени суток
Вы можете выбирать с помощью кнопок какое будет время суток за окном. Сделано с помощью svg картинок.