codefocus
codefocus
  • Видео 15
  • Просмотров 9 472
Webpack. Установка nodejs, npm, webpack. Настройка webpack
Установка npm. Установка webpack. Установка nodejs.
Сборщик проектов Webpack.
Поможет сохранить время и увеличить производительность.
Установка npm. Установка webpack. Установка nodejs. Глобально и локально.
Webpack. Webpack install. Npm install. Install webpack npm. How to install globally ?
Ссылка на github gulp проекта:
появится скоро
Просмотров: 3 466

Видео

Gulp. How to speed up html css layout? Install Gulp 4 gulp-less. Lesson 7
Просмотров 6184 года назад
Gulp. Установка и подключение gulp-less. Как ускорить верстку - конечно же gulp. Gulp install: 1. gulp-clean-css - минифицирует и чистит css код. 2. gulp-less - компиляция less в css 3. gulp-autoprefixer - префиксы для старых браузеров. Полная автоматизация стилей. Less is more. All you neeed is less
Gulp. How to speed up html css layout? Bundle is ready
Просмотров 7924 года назад
Ссылка - github.com/neyia/gulp-start-kit Gulp. Как ускорить верстку? Поможет сохранить время и увеличить производительность. Лень заниматься монотонной работой? Gulp Browsersync настройка и установка. Все необходимое для быстрой верстки. Gulp, gulp-autoprefixer, gulp-watch, gulp-browsersync, module.exports
Gulp. How to speed up html css layout? Install Gulp 4 gulp-browsersync. Lesson 5
Просмотров 3234 года назад
Как ускорить верстку? Gulp. Поможет сохранить время и увеличить производительность. Лень заниматься монотонной работой? Gulp Browsersync настройка и установка. Все необходимое для быстрой верстки. Gulp, gulp-autoprefixer, gulp-watch, gulp-browsersync Gulp 4 Browsersync. Установка и подключение gulp-browsersync. Как ускорить верстку - конечно же gulp. Gulp browsersync - автоматическое обновление...
Gulp. How to speed up html css layout? Install Gulp 4 gulp-watch. Lesson 4
Просмотров 2734 года назад
Gulp 4 watch. Установка и подключение gulp-watch. Как ускорить верстку - конечно же gulp. Gulp watch - автоматическое обновление страницы браузера в любой момент сохранения файла.
Gulp. How to speed up html css layout? Install Gulp 4 gulp-autoprefixer, gulp-clean-css. Lesson 3
Просмотров 7774 года назад
Gulp. Установка gulp-autoprefixer и gulp-clean-css. Как ускорить верстку - конечно же gulp. gulp-autoprefixer - дописывает префиксы для старых браузеров. gulp-clean-css - минифицирует и чистит css код. Хорошие новости - на некоторое время можно забыть про Internet Explorer.
Gulp. How to speed up html css layout? Install Gulp 4 gulp-imagemin. Image compression. Lesson 2.
Просмотров 1,1 тыс.4 года назад
Сборщик проектов Gulp. Поможет сохранить время и увеличить производительность. В прошлом видео мы установили npm, gulp, nodejs. В данном мы рассмотрим: сжатие изображений с помощью gulp-imagemin. Ссылка на github gulp проекта: github.com/neyia/gulp-start-kit
Gulp. How to speed up html css layout? How to install Gulp 4. Lesson 1.
Просмотров 6204 года назад
Сборщик проектов Gulp. Поможет сохранить время и увеличить производительность. Установка npm. Установка gulp. Установка nodejs. Глобально и локально. Зачем дописывать префиксы, минификация кода. Сжатие изображений с помощью gulp. Gulp4. Gulp install. Npm install. Install gulp npm. How to install globally ? Ссылка на github gulp проекта: github.com/neyia/gulp-start-kit
HTML CSS frontend creation of the mobile page. Layout for designers. Part 7
Просмотров 1025 лет назад
Что такое верстка для дизайнера. Как из дизайн-макета получить html- страницу? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайнера? Какие ускорить верстку. Пример того как на первом этапе работает верстальщик #frontendРазработчик #верстка #html ...
HTML CSS frontend part of the page in 15 minutes. Frontend for designers. Part 6
Просмотров 1515 лет назад
Что такое верстка для дизайнера. Как из дизайн-макета получить html- страницу? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайнера? Какие ускорить верстку. Пример того как на первом этапе работает верстальщик #frontendРазработчик #верстка #html ...
Popular class name methodologies for frontend. Frontend for designers. Part 5
Просмотров 3175 лет назад
Что такое верстка для дизайнера. Как из дизайн-макета получить html- страницу? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайнера? Какие популярные методологии именования классов для css, таблицы стилей. Пример того как на первом этапе работает...
Frontend. Semantics of a web document. Frontend for the designers. Part 4
Просмотров 2115 лет назад
Что такое верстка для дизайнера. Как из дизайн-макета получить html- страницу? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайнера? Что такое семантика Семантика, простым языком, смысловое расположение тегов нашего документа. #frontendРазработчи...
Frontend, where to start. Frontend for designers. Part 3
Просмотров 1395 лет назад
Что такое верстка для дизайнера. Как из дизайн-макета получить html- страницу? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Пример работы voiceOver, при правильном и неправильном описании тегов. Как верстать по макетам дизайнера? #frontendРазработчик #верстка #html #css #...
Choosing a development environment and setting up Photoshop for layout. Layout for designers. Part 2
Просмотров 1915 лет назад
Что такое верстка для дизайнера. Наиболее распространенные редакторы кода и IDE для верстки. Наверняка вы задумывались: Что такое emmet? Что такое IDE? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайнера #frontendРазработчик #верстка #html #css ...
What is the frontend? Frontend for the designers. Part 1
Просмотров 3655 лет назад
Что такое верстка? Что такое frontend? Вёрстка - создание структуры документа на основе html. Терминология верстальщика. Наверняка вы задумывались: Как сделать сайт? Кто такой верстальщик? Что такое CSS? Что такое HTML? Кто такой frontend-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайна. Для к...

Комментарии

  • @Valera7077
    @Valera7077 2 года назад

    Спасибо, кратко понятно, все супер. Продолжайте снимать. =)

  • @denisd3218
    @denisd3218 2 года назад

    Спасибо!

  • @КостяШевкин-з5х
    @КостяШевкин-з5х 2 года назад

    Доброго времени суток, такую ошибку даёт когда запускаю команду gulp start. Cannot GET / подскажите пожалуйста решение

  • @АндрейЛисецкий-ч1д

    умнейшая хорош!

  • @daddy_eddy
    @daddy_eddy 3 года назад

    You are very smart!!!

  • @ВладиславШаманов-и8о

    Всё реально очень здорово и хорошо понятно, но только один момент мне показался спорным. Это heading-72, с одной стороны удобно, с другой если заказчик через пару месяцев попросит сделать заголовок 68px, то придётся менять и в стилях и в html или php файлах возможно в нескольких местах. Но в целом ваш ролик очень классный, очень хорошо подаёте материал, спасибо! :-)

  • @ИгорьОвчинин-я1з
    @ИгорьОвчинин-я1з 4 года назад

    Коротко и понятно, спасибо!

  • @ВиталийФилипенко-ш3в

    Отличное видео! Огромное спасибо за труд!!!

  • @ВикторЦветков-п7ы
    @ВикторЦветков-п7ы 4 года назад

    Здравствуйте. А вы могли бы сделать видео по установке и конфигурации Babel ?

  • @АндрейК-и3к
    @АндрейК-и3к 4 года назад

    Продолжайте :) Очень познавательные видео

  • @liandr29
    @liandr29 4 года назад

    Почему console.log нормально отрабатывает через callback, а через return выдает, что таск не завершен, а например gulp.src(...) через return нормально отрабатывает? как запустить два таска одновременно hello и cons, через промежуточный таск?

  • @liandr29
    @liandr29 4 года назад

    Для запуска проекта надо запустить поочередно таски html, styles, images, а потом start. Так получается?

  • @sergeyshatokhin4907
    @sergeyshatokhin4907 4 года назад

    Начал смотреть, сразу возник вопрос. А разве npm не устанавливается автоматом с node.js ???

  • @flapjack1379
    @flapjack1379 4 года назад

    Привет. А будет аналогичная сборка по webpack? Много читал на форумах что webpack может выступать в роли task runner, так вот хотелось бы посмотреть, потестить как он справляется с тем, что делается на gulp (автопрефиксер, минимизация файлов, оптимизация изображений, конвертация в webp, конвертация less в css и т.д. что необходимо в вёрстке)

    • @codefocus9933
      @codefocus9933 4 года назад

      Привет! Да, webpack хочу включить в ближайшее время :)

    • @flapjack1379
      @flapjack1379 4 года назад

      @@codefocus9933 Отлично, спасибо, буду ждать. С наступающим!

  • @Кирилл-з1ч7х
    @Кирилл-з1ч7х 5 лет назад

    Слишком быстро... настолько, что понять смогут те, кому это видео давно не нужно в силу опыта.

  • @ishitagupta9041
    @ishitagupta9041 5 лет назад

    Ur doing great job..keep going

  • @Маргарита-о5з5о
    @Маргарита-о5з5о 5 лет назад

    Спасибо за новое видео! Очень полезный и информативный канал!)

  • @Маргарита-о5з5о
    @Маргарита-о5з5о 5 лет назад

    Ура, новое видео! Наташа, спасибо большое! Очень полезно)

  • @Маргарита-о5з5о
    @Маргарита-о5з5о 5 лет назад

    Интересный и полезный канал, спасибо!

  • @Маргарита-о5з5о
    @Маргарита-о5з5о 5 лет назад

    Наташа, спасибо за Ваши видео! Очень понятно и легко объясняете, смотреть интересно! Жду продолжения))

  • @Ashqudi
    @Ashqudi 6 лет назад

    спасибо,помогло

  • @АлександрАлександр-ы8ь3м

    Познавательный видос

  • @Ilon20231
    @Ilon20231 6 лет назад

    ПОЛЕЗНО!

  • @fokker1192
    @fokker1192 6 лет назад

    Прикольно