Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
13%
1 2 2
54%
0 2 2
4%
0 2 3
20%
1 2 0
9%
0 2 0
@frontend_school #задача №34
Сортируем поезда
Вы диспетчер на железнодорожной станции. Вдруг оказалось, что на соседней станции неопытный диспетчер перепутал расписание и теперь поезда будут идти в неверном порядке, что создаст проблемы. Ваша задача отсортировать поезда в соответствии с вашей инструкцией.
Условие:
Необходимо написать функцию
Например:
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
И не стесняйтесь задавать вопросы в чате, если что-то непонятно!
Сортируем поезда
Вы диспетчер на железнодорожной станции. Вдруг оказалось, что на соседней станции неопытный диспетчер перепутал расписание и теперь поезда будут идти в неверном порядке, что создаст проблемы. Ваша задача отсортировать поезда в соответствии с вашей инструкцией.
Условие:
Необходимо написать функцию
sortTrains
, которая будет принимать массив чисел и возвращать его отсортированным следующим образом - в массиве сортируются по возрастанию нечётные числа, а чётные при этом остаются на своих местах, не меняя при этом свой индекс в массиве.Например:
sortTrains([5, 3, 2, 8, 1, 4]) // [1, 3, 2, 8, 5, 4]
Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
И не стесняйтесь задавать вопросы в чате, если что-то непонятно!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
26 дней в Перу
Данный проект позволяет спланировать путешествие в Перу и расчитать примерную стоимость. Полезен как для желающих совершить поездку в Перу, так и для изучения чужого кода, а также для практики - можно, взяв этот проект за основу, создать собственный по выбранной вами стране.
26 дней в Перу
Данный проект позволяет спланировать путешествие в Перу и расчитать примерную стоимость. Полезен как для желающих совершить поездку в Перу, так и для изучения чужого кода, а также для практики - можно, взяв этот проект за основу, создать собственный по выбранной вами стране.
@frontend_school #статья #CSS
Чего я не знал о CSS, а стоило бы
«Делать сайты я учился по-старомодному: открывал исходный код и пытался повторить то, что видел. А по тому, чего не видел (PHP/MySQL), прочёл какую-то случайно попавшуюся книгу. Так всё и шло. Это было в 1999 году, когда можно было писать что-то вроде <font size=”4" color=”#000000">, а DHTML приобретал популярность.
Когда пришла пора CSS, мой подход к обучению не изменился. Но сейчас мне действительно жаль, что тогда я не уделил CSS должного внимания и упустил из виду столько принципиально важных вещей. Я расскажу о том, о чём мне следовало бы узнать раньше.»
Чего я не знал о CSS, а стоило бы
«Делать сайты я учился по-старомодному: открывал исходный код и пытался повторить то, что видел. А по тому, чего не видел (PHP/MySQL), прочёл какую-то случайно попавшуюся книгу. Так всё и шло. Это было в 1999 году, когда можно было писать что-то вроде <font size=”4" color=”#000000">, а DHTML приобретал популярность.
Когда пришла пора CSS, мой подход к обучению не изменился. Но сейчас мне действительно жаль, что тогда я не уделил CSS должного внимания и упустил из виду столько принципиально важных вещей. Я расскажу о том, о чём мне следовало бы узнать раньше.»
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
49%
Ты взрослый!
13%
Ты по-прежнему взрослый.
21%
Хм... Кажется, у тебя нет возраста.
17%
undefined
@frontend_school #ответ_на_задачу
По ссылке ниже представлено решение задачи №34 «Сортируем поезда».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
По ссылке ниже представлено решение задачи №34 «Сортируем поезда».
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Карусель-плёнка
Автор использует популярную библиотеку Three.js.
Крути колёсико и смотри, как движется плёнка.
Карусель-плёнка
Автор использует популярную библиотеку Three.js.
Крути колёсико и смотри, как движется плёнка.
@frontend_school #статья #JavaScript
Event Bubbling и Event Capturing в Javascript
Event Bubbling и Event Capturing — это две фазы распространения событий в Javascript. Поток событий — это в основном порядок, в котором события обрабатываются на веб-странице. В Javascript поток событий происходит в три этапа, об этом в статье.
Event Bubbling и Event Capturing в Javascript
Event Bubbling и Event Capturing — это две фазы распространения событий в Javascript. Поток событий — это в основном порядок, в котором события обрабатываются на веб-странице. В Javascript поток событий происходит в три этапа, об этом в статье.
Что такое процесс прокидывания события (Event Bubbling)?
Anonymous Quiz
50%
Это процесс, когда событие передаётся ко всем родителям целевого элемента вплоть до window
19%
Привязка 1-го события сразу на несколько DOM-элементов вызов всех обработчиков 1-го события по стеку
10%
Вызов всех обработчиков обного события по стеку
21%
Распространение события от самого внешнего элемента до самого внутреннего элемента
@frontend_school #полезное
CSSPlay
На сайте CSSPlay представлено огромное множество любопытных приёмов вёрстки, причём большинство CSS-стилей можно использовать без разрешения автора. Но чтобы ими воспользоваться вам придётся залезть в меню разработчиков — такова политика местной партии.
CSSPlay
На сайте CSSPlay представлено огромное множество любопытных приёмов вёрстки, причём большинство CSS-стилей можно использовать без разрешения автора. Но чтобы ими воспользоваться вам придётся залезть в меню разработчиков — такова политика местной партии.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Тыква-загрузчик
Анимация сделана на HTML и CSS, сама тыква представляет из себя svg-картинку.
Тыква-загрузчик
Анимация сделана на HTML и CSS, сама тыква представляет из себя svg-картинку.
@frontend_school #статья #JavaScript
Метод создания DRAG and DROP эффекта
Перед началом глубокого разбора, посмотрим поверхностно. Представьте себя в роли грузчика, вам необходимо перемесить коробку с одного места на другое. Для грузчика это «Ну взял, ну перенес. Готово!», а для программиста “Подошел к коробке, наклонился, взял коробку, поднял коробку, прошел N шагов, наклонился, отпустил коробку.”. Я это к тому, что перед началом работы проиграйте все в голове, по шагам и вы станете гораздо ближе к истине.
Метод создания DRAG and DROP эффекта
Перед началом глубокого разбора, посмотрим поверхностно. Представьте себя в роли грузчика, вам необходимо перемесить коробку с одного места на другое. Для грузчика это «Ну взял, ну перенес. Готово!», а для программиста “Подошел к коробке, наклонился, взял коробку, поднял коробку, прошел N шагов, наклонился, отпустил коробку.”. Я это к тому, что перед началом работы проиграйте все в голове, по шагам и вы станете гораздо ближе к истине.
@frontend_school #навигация
Навигация на канале
Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:
#интересное - интересные проекты и заметки.
#статья - полезные статьи.
#викторина - ежедневные викторины.
#викторина_недели - еженедельные викторины с несколькими вопросами на время.
#задача - задачи на различные темы и по разным технологиям.
#ответ_на_задачу - способ решения ранее заданной задачи.
#туториал - туториалы и пошаговые инструкции применения различных технологий.
#видео - видео с лекциями и уроками.
#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.
#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.
#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.
Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.
Навигация на канале
Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:
#интересное - интересные проекты и заметки.
#статья - полезные статьи.
#викторина - ежедневные викторины.
#викторина_недели - еженедельные викторины с несколькими вопросами на время.
#задача - задачи на различные темы и по разным технологиям.
#ответ_на_задачу - способ решения ранее заданной задачи.
#туториал - туториалы и пошаговые инструкции применения различных технологий.
#видео - видео с лекциями и уроками.
#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.
#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.
#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.
Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.
@frontend_school #викторина_недели
Это 10-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.
А вот топ-10 прошлой викторины:
🥇 @alex_r103 – 6 (1 мин 7 сек)
🥈 @Viktoriia_Maxy – 6 (1 мин 25 сек)
🥉 @natalia_koshevaya – 5 (1 мин 12 сек)
4. @panamanap – 5 (1 мин 21 сек)
5. Александр Владимирович – 5 (2 мин 24 сек)
6. @eiforiaa1 – 4 (59.2 сек)
7. @Camrado – 4 (1 мин 10 сек)
8. @hamatullin – 4 (1 мин 23 сек)
9. @AlexeyKii – 4 (1 мин 11 сек)
10. @driver055 – 4 (1 мин 37 сек)
Проверьте свои навыки и знания!
Это 10-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.
А вот топ-10 прошлой викторины:
🥇 @alex_r103 – 6 (1 мин 7 сек)
🥈 @Viktoriia_Maxy – 6 (1 мин 25 сек)
🥉 @natalia_koshevaya – 5 (1 мин 12 сек)
4. @panamanap – 5 (1 мин 21 сек)
5. Александр Владимирович – 5 (2 мин 24 сек)
6. @eiforiaa1 – 4 (59.2 сек)
7. @Camrado – 4 (1 мин 10 сек)
8. @hamatullin – 4 (1 мин 23 сек)
9. @AlexeyKii – 4 (1 мин 11 сек)
10. @driver055 – 4 (1 мин 37 сек)
Проверьте свои навыки и знания!