Почему возвращает 4 вместо 19 (длина самого длинного слова в предложении)?

Если вам помогли, пометьте полезный совет решением или отпишите, что не получается.

Почему возвращает 4 вместо 19 (длина самого длинного слова в предложении)?

Тогда уж вот так

var words = str.split(" ");
var max = words.reduce((l,word) => l.length>word.length?l:word);

Верстка с нуля: какие основные этапы работы?

Rick Joo, работаю на десятой винде, хотя весь мой софт есть на линуксе, но как-то привык, хотя привык больше к семерке, десятка не удобная.

Расширения
Sam monokai dark - тема
Auto close tag - закрывает теги
Auto rename tag - переименовывает теги
Babel ES6/ES7 - добавляет подсветку синтаксиса к ES6/ES7
Beautify - причесывает код
Bracket Pair Colorizer - для разноцветной подсветки фигурных и обычных скобок в JS. Удобно чтобы не теряться.
ESLint - интеграция в ESLint
eWam Plugin
Import Cost - показывает размер файлов импорта, удобно, чтобы знать, сколько таскаешь за собой.
Indent-rainbow - каждый уровень таба подсвечивает своим цветом, удобная штука, для питона в самый раз.
Paste and Indent - чтобы при вставке из буфера обмена, автоматически выравнивались отступы.
Path Intellisense
Sass от Robin Eentley
Sorting HTML and Jade attributes - сортирует атрибуты элементов HTML/PUG/Jade
vscode-svgviewer - просматривает svg файл картинкой, т.к. VSCode обычно его редактирует.
TODO-HIGHLIGHT - подсветка ключевых слов TODO:, FIXME
VSCode Great Icons - иконки для файлов
VSCode-spotify - Работает с плеером Spotify, внизу на статус панели появляется плеер. На винде не очень работает, умеет только отображать песню и нажимать паузу, а переключать песни может только на MacOS. В покупкой клавиатуры с медиа клавишами, надобность в этом расширении пропала (разве что посмотреть название песни).
Vue Peek - для Vuejs. Переходит по клику на компонент в шаблоне, на его файл.
Vue 2 Snippets
vue-beautify

Вроде все. Некоторые из расширений мне уже не нужны, но лень отключить, некоторые вряд-ли вам пригодятся.

Где взять макеты?

Я вторую ссылку поправил, т.к. в ней были не только веб-дизайны.

Пример: https://www.freepik.com/free-psd/grey-cv-template_...

Это какое-то резюме, а не сайт.
Может вам что-то конкретное нужно? Типа магаз, то гуглите "free psd ecommerce", или админки "free psd admin"
Вот тут есть интересные работы не в 2-4 блока https://psdfreebies.com/psd/category/web-elements/... Но там странная политика скачивания, либо шаришь их страницу в соц-сетях, либо ждешь 5 минут.

Почему в панели разработчика всё отображается нормально, но в онлайн тестах адаптивности нет?

Кирилл, читать это learn.javascript.ru и делать все задачки и отвечать на все вопросы, что там дают в конце глав. Если ошиблись, читаете заново. Попутно делаете свой проект, например ежедневник, таймер помидоро, калькулятор и.т.д. После прочтения learn.javascript.ru, закрепляете повторением, чтобы не было скучно читать по 2 раза learn.javascript.ru, читаете другое, например вот shamansir.github.io/JavaScript-Garden/ru Как окрепнете, можете изучать фреймворк (Vue, React, Angular, Ember и.т.д.).
Если хотите крепко знать JS, то читаете серию книг https://github.com/getify/You-Dont-Know-JS Почти все книги повторяют learn.javascript, но более подробно.
Главное правило: 30% теории, 70% практики. С опытом процент теории упадет, т.к. научитесь учится. Так же не забывайте про общие книжки, типа алгоритмов, паттернов проектирования и.т.д.

Почему в панели разработчика всё отображается нормально, но в онлайн тестах адаптивности нет?

Кирилл, значит нет повода для беспокойства.

Как наверстать знания в javascript?

На самом деле эта возможность легко увольнять разработчиков - это и есть главная причина существования этих безумных сложных технологий: babel, webpack, typescript и тд и тд.

Не именно возможность увольнять, а избежание появления так называемой "звезды", без которой никто не знает как это все собирать. Даже не в доверии дело, а в нежелании чтобы потом вся работа встала.

Я например создаю веб-приложения "для себя" ну и для всех кому понравится, и пишу код так как мне удобно, и не страдаю вообще, и для работы мне хватает старенького мака 2005 года выпуска.

Я для себя также создаю простенький webpack конфиг, или можно даже без него, а напрямую работать с babel. Не вижу здесь каких-то страшных проблем. Пару команд и готово. Это же упрощает нашу работу, а не наоборот. Модули - вообще шик, полифилы, установка пакетов, все в пару команд. Если в этом разобраться, то потом будете везде писать "как вы можете без этого жить".

Что Вы думаете о данном гайде по изучению Fron-end разработки?

Толстый Лорри, ээ, я в жизни не знаю ни одного человека, которому не профильная школа или ВУЗ дали знаний больше "london is the capital of great britain".

Как убрать "крестик" на вкладках хрома?

sim3x, полностью согласен, сам часто на старых постах хабра натыкаюсь на такое. Я не подумал, что можно также скинуть ссылку с хабрсторадж.

Как убрать "крестик" на вкладках хрома?

sim3x, пардон, не хотел перегружать ответ. Спрятал под спойлер.

Как загрузить js скрипт после перехода по ссылке?

Леонид Горшков, в документации есть событие https://github.com/miguel-perez/smoothState.js?fil... которое срабатывает после загрузки страницы. В нем вы можете выполнять код. Там прямо и делаете это условие.

Как загрузить js скрипт после перехода по ссылке?

Меню > Каталог > Классический каталог

Что за "классический каталог"? Скиньте прямую ссылку на страницу со скриптом. Или эта dellakeramika.ru/synacs ? У меня на ней даже после перезапуска ничего не выводится. Какой скрипт должен выполняться? В инструментах вижу main.js

Как загрузить js скрипт после перехода по ссылке?

Леонид Горшков, причин может быть куча. Если есть возможность, выложите куда-нибудь, чтобы посмотреть все. Явных причин я не вижу, скорее всего какая-та ошибка.

Не работают функции getApiToken() и setApiToken(token). В чем причина?

nastya_zholudeva, а почему оно должно убить? Функция getItem возвращает строку, и ранее там была строка. Поэтому будет все работать точно также.

Как загрузить js скрипт после перехода по ссылке?

Леонид Горшков, смотрите консоль CTRL+SHIFT+J (в хроме).

Не работают функции getApiToken() и setApiToken(token). В чем причина?

А если вы ее уберете, будет очищаться? Или может идет какой-то конфликт, попробуйте использовать другой ключ, например token_str.

Не работают функции getApiToken() и setApiToken(token). В чем причина?

Перед ошибкой поставьте console.warn(getApiToken), в консоли должна вывестись функция. У вас почему-то пишет, что это объект, видимо где-то конфликт.

Практика CSS онлайн?

xmoonlight, 100vmin я добавил, так что :D

Практика CSS онлайн?

Вёрстка это не про чтение, это про практику. Прочитали раздел по таблицам, нашли в гугле картинку со сложной таблицей и сидите верстаете ее 3 часа. Прошли раздел по списками, нашли в гугле картинку с десятиуровневым списком и сидите верстаете его 3 часа. Прошли главу по формам, нашли в гугле картинку с формой-опросником и сидите верстаете ее 3 часа. Вот при такой практике у вас будет откладываться в голове все что нужно. При простом чтении - нет.

Конечно же надо не тупо читать, а что-то пробовать сделать на основе прочитанного. Но читая книгу, сложно будет пропустить какой-нибудь момент. Курсы дают поверхностные знания.

spoiler

Ни одна книга вам не даст актуальные знания и полные знания по CSS

Ничего подобного. Веб развивается очень быстро, это факт, но базовые знания не меняются. Вы можете спокойно читать большую книгу css за 2014 год, и там все css свойства будут актуальны (разве что некоторые вендорные префиксы уже необязательны). Да, там не рассказывают про гриды, но новичку их использовать не нужно, т.к. нужно четко понимать, в какой момент можно их использовать, а не кидать на каждый лендинг. flexbox же объясняется хорошо, а большое количество верстальщиков его толком не знают. Кстати я сделал ошибку, "Новая большая книга css" это 2017 год, знания актуальны.

Практика CSS онлайн?

о есть, вы считаете, что прочитать книгу 2011 года по HTML&CSS, в которой используется устаревший уже в HTML4.01 атрибут align="...", в которой за всю книгу перечислено 68 CSS свойств

Да, я согласен, она старая. Но она настолько простая, что ее за один присест можно прочитать, и в голове что-то отложится. Хотя там очень много вредного для новичков, я просто постарел видимо. Пусть тогда читает "Девид Макфарланд - Новая большая книга CSS - 2016". Книги лучше, в книгах объясняются все моменты, которые на тостере по 100 раз спрашиваются, и если бы люди читали умные книжки, а не только проходили всякие интерактивы, они бы такое не спрашивали.