@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 картинок.
@frontend_school #статья #JSON
Введение в JSON
Легкочитаемый и компактный, JSON представляет собой хорошую альтернативу XML и требует куда меньше форматирования контента. Это информативное руководство поможет вам быстрее разобраться с данными, которые вы можете использовать с JSON и основной структурой с синтаксисом этого же формата.
Введение в JSON
Легкочитаемый и компактный, JSON представляет собой хорошую альтернативу XML и требует куда меньше форматирования контента. Это информативное руководство поможет вам быстрее разобраться с данными, которые вы можете использовать с JSON и основной структурой с синтаксисом этого же формата.
Какой из следующих примеров является правильным способом представления объекта JSON?
Anonymous Quiz
70%
{ “sports” : [ “football”, “hockey”, “bascketball” ]}
10%
{ “sports” - [ “football” : “hockey” : “bascketball” ]}
12%
{[ “sports” : [ “football”, “hockey”, “bascketball” ]}]
8%
[ “sports” : [ “football”, “hockey”, “bascketball” }]
@frontend_school #полезное
CSSmatic
С помощью данного сервиса вы сможете удобно и наглядно подобрать необходимый градиент, тени и так далее для вашего сайта, созданные с помощью CSS.
CSSmatic
С помощью данного сервиса вы сможете удобно и наглядно подобрать необходимый градиент, тени и так далее для вашего сайта, созданные с помощью CSS.
Привет, это админ! 👋
Я хочу создать реально полезный, удобный и интересный канал для начинающих frontend-разработчиков, то есть для вас! Поэтому мне важно слышать ваше мнение о публикациях, который тут появляются.
Специально для этого я создал форму обратной связи, где вы можете написать свои замечания, пожелания, советы. Мне важно, чтобы появляющийся тут контент был интересен как можно большему числу людей. Для этого в форме есть раздел с предложениями, где вы можете предложить статью, задачу, полезный сервис и многое другое!
Если у вас есть объёмный или интересный вопрос, то вы можете также задать его там, а я постараюсь подготовить для вас развёрнутый ответ, либо предложу его обсудить в нашем чате, чтобы вы как можно быстрее получили на него ответ.
Я хочу создать реально полезный, удобный и интересный канал для начинающих frontend-разработчиков, то есть для вас! Поэтому мне важно слышать ваше мнение о публикациях, который тут появляются.
Специально для этого я создал форму обратной связи, где вы можете написать свои замечания, пожелания, советы. Мне важно, чтобы появляющийся тут контент был интересен как можно большему числу людей. Для этого в форме есть раздел с предложениями, где вы можете предложить статью, задачу, полезный сервис и многое другое!
Если у вас есть объёмный или интересный вопрос, то вы можете также задать его там, а я постараюсь подготовить для вас развёрнутый ответ, либо предложу его обсудить в нашем чате, чтобы вы как можно быстрее получили на него ответ.
@frontend_school #интересное
CSS Diner
Это небольшая игра о всевозможных селекторах CSS. Попробуйте освоить все 32 уровня, чтобы закрепить имеющиеся знания или приобрести новые.
CSS Diner
Это небольшая игра о всевозможных селекторах CSS. Попробуйте освоить все 32 уровня, чтобы закрепить имеющиеся знания или приобрести новые.
@frontend_school #статья #CSS
Прокачиваем навыки работы с CSS селекторами
Работа с CSS селекторами это важный момент любой части Front-end разработки. Чем лучше вы их знаете, тем больше времени вы экономите себе и своим коллегам. Буквально вчера в чате возник вопрос касаемо селекторов. Эта статья должна помочь вам разобраться в вопросах селекторов, начать лучше их понимать и применять на практике. Приятного чтения!
Прокачиваем навыки работы с CSS селекторами
Работа с CSS селекторами это важный момент любой части Front-end разработки. Чем лучше вы их знаете, тем больше времени вы экономите себе и своим коллегам. Буквально вчера в чате возник вопрос касаемо селекторов. Эта статья должна помочь вам разобраться в вопросах селекторов, начать лучше их понимать и применять на практике. Приятного чтения!
Каким способом можно отцентрировать блок относительно родителя в CSS?
Anonymous Quiz
20%
margin: auto 0;
11%
margin: center;
4%
position: middle;
53%
margin: 0 auto;
12%
position: center;