#9 Front-end. Вопросы на собеседовании

Видеокаст «Front-end. Вопросы на собеседовании».
В данном видео будут вопросы и ответы к собеседованиям на позицию Junior и Middle Front-end разработчик.
Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью.
Удобная, хорошо организованная шпаргалка всегда у вас под рукой!

#yauhenk #webdev #interview #js #javascript #html #css #frontend #git #github #html #techinterview

Как обновить каждую зависимость в файле package.json до последней версии?
Бывает, что берешь package.json из другого проекта или скачиваешь с Гитхаба архив, в котором указаны старые версии и зависимости пакетов, теперь IDE требует обновить все зависимости до их последних версий.

#npm #stackoverflow #nodejs #github

Полная настройка Webpack 4 препроцессоров. Sass, настройка post css плагинов, минификация стилей.

В этом видео мы продолжим настраивать шаблон Webpack 4. Подключим mini-css-extract-plugin для SCSS (Sass) препроцессора, также разберемся с другими препроцессорами. Подключим post CSS плагины: autoprefixer, css-mqpacker, cssnano

#webpack #sass #js #javascript #postcss

Webpack 5 - минимальный переход c 4 версии

Переводим минималистичную сборку с webpack 4 на webpack 5. Боремся с багами webpack-dev-server и target.

#webpack #js #javascript

Gulp vs Webpack
Сегодня речь пойдет о таких инструментах, как Gulp и Webpack. Мы, наконец-то, поставим точку в этом вопросе и, я надеюсь, больше не будем к нему возвращаться.

#webpack #gulp #js #javascript

Итак, Gulp и Webpack. Основы. Давайте начнем с определений. Изначально, эти инструменты позиционируются создателями, как инструменты для решения несколько разных задач. Webpack позиционируется, как мощный комбайн-бандлер, предназначенный для удобной разработки JS Application и одностраничных приложений. Кроме того, он имеет множество полезных дополнений для решения повседневных задач - препроцессоры, картинки и прочее, которые являются лишь бонусами к основе. Gulp - это таск-ранер, упрощающий жизнь, благодаря автоматизации выполнения каких-то рутинных задач. В принципе, на этом можно было бы остановиться, ведь мы поняли из определений, что это разные инструменты и, в общем-то, они предназначены для разных задач, если бы не одно НО. Почему-то эти два инструмента каким-то странным образом попадают на один график в Google Trends и вызывают бурление в профессиональной среде, Webpack начинают использовать даже там, где не стоит задачи разработки приложения, в угоду трендам, а Gulp несправедливо причисляют к списку инструментов на вымирание.

Webpack. Базовая сборка проекта.
В этом видео разберем сборку проекта на Webpack. Рассмотрим, как собрать все js в один, сжать файлы, собрать css, минифицировать изображения, и многое другое.

#ityoutubersru #webpack #js #javascript

Webpack - Полный видеокурс за 3 часа [2020]
#webpack #js #javascript #vladilenminin

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

#techinterview #jstasks #javascript #js #javascripttasks #tasks #capitals

Написать функцию, которая выводит числа от 1 до n (n - передаваемый аргумент)

Условие:
Напишите функцию, которая выводит в консоль числа от 1 до i, где i - целое число. Дополнительно, функция должна выводить foo вместо чисел кратных 3, должна выводить bar вместо чисел, кратных 5 и должна выводить foobar вместо чисел, одновременно кратных и 3, и 5

#techinterview #jstasks #javascript #js #javascripttasks #tasks #foobar

#8 Front-end. Вопросы на собеседовании

Видеокаст «Front-end. Вопросы на собеседовании».
В данном видео будут вопросы и ответы к собеседованиям на позицию Junior и Middle Front-end разработчик.
Видеокаст представлять из себя коллекцию технических вопросов, которые можно получить на интервью.
Удобная, хорошо организованная шпаргалка всегда у вас под рукой!

#yauhenk #webdev #interview #js #javascript #html #css #frontend #git #github #html #techinterview