- Видео 15
- Просмотров 9 472
codefocus
Россия
Добавлен 28 июн 2018
Простые уроки по разработке для всех (html, css, js, gulp).
Любой желающий может стать разработчиком.
Любой желающий может стать разработчиком.
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 проекта:
появится скоро
Сборщик проектов 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-разработчик? В своих видео я попытаюсь ответить на вопросы, на которые мне приходится отвечать практически каждый день. Как верстать по макетам дизайна. Для к...
Спасибо, кратко понятно, все супер. Продолжайте снимать. =)
Спасибо!
Доброго времени суток, такую ошибку даёт когда запускаю команду gulp start. Cannot GET / подскажите пожалуйста решение
умнейшая хорош!
You are very smart!!!
Всё реально очень здорово и хорошо понятно, но только один момент мне показался спорным. Это heading-72, с одной стороны удобно, с другой если заказчик через пару месяцев попросит сделать заголовок 68px, то придётся менять и в стилях и в html или php файлах возможно в нескольких местах. Но в целом ваш ролик очень классный, очень хорошо подаёте материал, спасибо! :-)
Коротко и понятно, спасибо!
Отличное видео! Огромное спасибо за труд!!!
Здравствуйте. А вы могли бы сделать видео по установке и конфигурации Babel ?
Продолжайте :) Очень познавательные видео
Почему console.log нормально отрабатывает через callback, а через return выдает, что таск не завершен, а например gulp.src(...) через return нормально отрабатывает? как запустить два таска одновременно hello и cons, через промежуточный таск?
Для запуска проекта надо запустить поочередно таски html, styles, images, а потом start. Так получается?
Начал смотреть, сразу возник вопрос. А разве npm не устанавливается автоматом с node.js ???
Привет. А будет аналогичная сборка по webpack? Много читал на форумах что webpack может выступать в роли task runner, так вот хотелось бы посмотреть, потестить как он справляется с тем, что делается на gulp (автопрефиксер, минимизация файлов, оптимизация изображений, конвертация в webp, конвертация less в css и т.д. что необходимо в вёрстке)
Привет! Да, webpack хочу включить в ближайшее время :)
@@codefocus9933 Отлично, спасибо, буду ждать. С наступающим!
Слишком быстро... настолько, что понять смогут те, кому это видео давно не нужно в силу опыта.
Ur doing great job..keep going
Спасибо за новое видео! Очень полезный и информативный канал!)
Ура, новое видео! Наташа, спасибо большое! Очень полезно)
Интересный и полезный канал, спасибо!
Наташа, спасибо за Ваши видео! Очень понятно и легко объясняете, смотреть интересно! Жду продолжения))
спасибо,помогло
Познавательный видос
ПОЛЕЗНО!
Прикольно