Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Видеокурс
Бесплатный видеокурс "Препроцессоры. Быстрый старт". (Владилен Минин - Webformyself)
Бесплатный видео урок

Рейтинг:

Бесплатный видеокурс Издательство: WebForMySelf

Страница автора - Владилен Минин - Webformyself Автор курса: Владилен Минин

Бесплатный видеокурс Тематика: HTML и CSS | Веб – разработка | Создание сайтов и блогов

Автор: Владилен Минин

Забирайте БЕСПЛАТНО пошаговый мини-курс по основам верстки с использованием CSS-препроцессоров – от одного из наиболее авторитетных издательств Рунета для веб-мастеров. В этом курсе вы на наглядном примере простого сайта с двумя разными темами увидите, почему препроцессоры являются незаменимым мощнейшим инструментом в современной веб-разработке и как вы сможете увеличить скорость и качество верстки в разы (а значит – и ваши доходы!) В результате данного курса нами будет создано две темы на чистом CSS и две темы на препроцессоре. В качестве примера будет использоваться язык LESS (у которого есть несколько интересных вариантов компиляции без настройки окружения)

Смотреть видео:

Препроцессоры. Быстрый старт. Урок 1. Введение. (Владилен Минин - Webformyself)

  • Урок 1. Введение

В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса.

  • Урок 2. Задание CSS стилей

В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров.

  • Урок 3. Создание 2-й темы на CSS

В данном уроке мы создадим вторую тему для сайта.

  • Урок 4. Переписывание стилей на Less

В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода.

  • Урок 5. Создание 2-й темы на Less

В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта.

  • Урок 6. Компиляция Less файлов

В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду. Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла.

  • Урок 7. Написание скрипта для смены темы

В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less.

Содержание:
  • Урок 1. Введение

В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса.

  • Урок 2. Задание CSS стилей

В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров.

  • Урок 3. Создание 2-й темы на CSS

В данном уроке мы создадим вторую тему для сайта.

  • Урок 4. Переписывание стилей на Less

В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода.

  • Урок 5. Создание 2-й темы на Less

В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта.

  • Урок 6. Компиляция Less файлов

В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду. Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла.

  • Урок 7. Написание скрипта для смены темы

В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less.


Видеокурс
Видео урок


Видеокурс "Препроцессоры SASS и LESS. Автоматизация Front-end разработки". (Владилен Минин - Webformyself)


Это уникальный видеокурс на рынке Рунета, который во всех подробностях дает теоретическое и практическое освещение всех возможностей двух наиболее популярных и востребованных на рынке CSS-препроцессоров SASS и LESS в рамках единого курса.....


Страница курса - Препроцессоры SASS и LESS. Автоматизация Front-end разработки. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "FullStack-Мастер. Разработка CRM-системы на Node.js, Express, Angular6". (Владилен Минин - Webformyself)


Проинвестировав один раз сравнительно скромную сумму,вы получите фундаментальный пошаговый видеокурс с уникальным,качественным,структурированным материалом на русском языке. Мы не нашли подробных, систематичных, качественных материалов на русском языке...


Страница курса - FullStack-Мастер. Разработка CRM-системы на Node.js, Express, Angular6. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "WordPress-Мастер: разработка тем для WordPress". (Андрей Кудлай - Webformyself)


Видеокурс «WordPress-Мастер: разработка тем для WordPress» состоит из трех частей: одной теоретической и двух практических. Приобретая данный курс, вы получаете целостный продукт, в котором есть все необходимое для изучения и работы с WordPress......


Страница курса - WordPress-Мастер: разработка тем для WordPress. (Андрей Кудлай  - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Angular 4: быстрый старт, первые результаты". (Владилен Минин - Webformyself)


Данный курс посвящен очень популярной технологии от компании Google-Angular 4.Angular - это javascript фреймворк, который позволяет делать реактивные сайты - Single Page Applications. В процессе данного курса мы рассмотрим базовые возможности Angular 4...


Страница курса - Angular 4: быстрый старт, первые результаты. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Практика верстки сайта-лендинга с нуля до результата". (Денис Булыга - Webformyself)


В данном видеокурсе мы c нуля сверстаем PSD-макет, используя технологии HTML5 и CSS3, научимся вырезать изображения из макета. При верстке будет соблюдена структура проекта, используя для каждого блока отдельный файл со стилями. По результатам данного....


Страница курса - Практика верстки сайта-лендинга с нуля до результата. (Денис Булыга - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "React JS. Основы". (Владилен Минин - Webformyself)


Данный мини-курс посвящен JavaScript библиотеке ReactJS, разработанной компанией Facebook. В этом курсе вы познакомитесь с базовыми возможностями React, начиная с определения концепта компонентов в веб-разработке и заканчивая разработанным приложением....


Страница курса - React JS. Основы. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "React JS с Нуля до Профи. Полное руководство для современной веб-разработки". (Владилен Минин - Webformyself)


React — обязательный инструмент для современного разработчика React — это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам....


Страница курса - React JS с Нуля до Профи. Полное руководство для современной веб-разработки. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Препроцессоры. Быстрый старт". (Владилен Минин - Webformyself)


Забирайте БЕСПЛАТНО пошаговый мини-курс по основам верстки с использованием CSS-препроцессоров – от одного из наиболее авторитетных издательств Рунета для веб-мастеров. В этом курсе вы на наглядном примере простого сайта с двумя разными темами увидите....


Страница курса - Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Full-Stack практика. Создание JavaScript блога". (Владилен Минин - Webformyself)


Данный курс посвящен теме Full-Stack разработки на JavaScript и знакомства с ней. В курсе мы разработаем небольшой блог, на примере которого мы разберем базовые составляющие Full-Stack разработки. В первую очередь мы реализуем сервер, который будет......


Страница курса - Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк VUE JS. Полное руководство для современной веб-разработки". (Владилен Минин - Webformyself)


Курс состоит из 2-х больших блоков: теория и практика. Изучив теоретический блок, вы получите актуальную исчерпывающую теоретическую базу по состоянию на апрель 2018 года (к которой сможете возвращаться при необходимости в будущем – в качестве удобного...


Страница курса - Фреймворк VUE JS. Полное руководство для современной веб-разработки. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "VUE JS – быстрый старт, первые результаты." (Владилен Минин - Webformyself)


Данный курс посвящен самому быстрому javascript фреймворку - Vue JS. В рамках данного курса в 6 практических уроках мы создадим динамическое веб-приложение, где пошагово разберем на простых примерах, как работает фреймворк Vue.


Страница курса - VUE JS – быстрый старт, первые результаты. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание Telegram бота". (Владилен Минин - Webformyself)


В процессе данного курса вы познакомитесь с основными понятиями, необходимыми, для создания ботов. Вы узнаете, как регистрировать бота в Telegram, получив его токен для выполнения запросов на API Telegram....


Страница курса - Создание Telegram бота. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "Telegram-бот мастер. Практический курс создания бота. Телеграм bot". (Владилен Минин - Webformyself)


Данный курс посвящен разработке Telegram-ботов на платформе NodeJS. Курс состоит из 3 частей, которые подробно и структурировано обучат вас создавать ботов с полного нуля....


Страница курса - Telegram-бот мастер. Практический курс создания бота. Телеграм bot. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "Angular 4 c Нуля до Профи. Полное руководство для современной веб-разработки". (Владилен Минин - Webformyself)


Angular — это JavaScript-фреймворк с открытым исходным кодом. Создан он компанией Google для создания клиентских приложений. Прежде всего, он нацелен на разработку SPA-решений (Single Page Application), то есть одностраничных приложений.....


Страница курса - Angular 4 c Нуля до Профи. Полное руководство для современной веб-разработки. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "JavaScript. Полное руководство для современной вебразработки". (Владилен Минин - Webformyself)


Данный курс – это полный охват теоретических и практических знаний и навыков по JS – без воды и в концентрированном виде. В курсе собраны лишь самые актуальные и востребованные в 2019 году знания по JS – для современной веб-разработки.


Страница курса - JavaScript. Полное руководство для современной вебразработки. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк Nuxt.js. Руководство по FullStack-разработке". (Владилен Минин - Webformyself)


Nuxt.js — это фреймворк высокого уровня, который создан с целью улучшения библиотеки Vue.js. Nuxt — это удобный инструмент, который позволяет быстро и относительно легко создавать действительно сложные приложения. Это основа для более простого создания...


Страница курса - Фреймворк Nuxt.js. Руководство по FullStack-разработке. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "Технология CSS Grid. Руководство по адаптивной верстке". (Денис Булыга - Webformyself)


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


Страница курса - Технология CSS Grid. Руководство по адаптивной верстке. (Денис Булыга  - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Server Side Rendering с Nuxt.js. Быстрый старт". (Владилен Минин - Webformyself)


Данный вводный курс расскажет вам про то, что такое Server Side Rendering, почему его стоит изучать и внедрять в свои проекты уже сейчас и какие плюсы вы получите, используя данную технологию. Вы узнаете про фреймворк,позволяющий очень просто создавать...


Страница курса - Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "JavaScript. Быстрый старт". (Владилен Минин - Webformyself)


Данный видео курс предназначен для новичков, которые хотят выучить язык JavaScript. В этой серии уроков вы увидите, как разрабатывается простое веб-приложение, которое позволит обрабатывать фотографии с помощью JavaScript в динамическом режиме.....


Страница курса - JavaScript. Быстрый старт. (Владилен Минин - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Bootstrap 4. Быстрый старт". (Андрей Кудлай - Webformyself)


Представляем вам мини-курс «Bootstrap 4. Быстрый старт». Курс включает в себя 9 небольших уроков общей продолжительностью почти 2 часа. В курсе показана верстка макета из PSD с применением CSS-фреймворка Bootstrap 4. Bootstrap – это популярнейший......


Страница курса - Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Верстка сайта на Grid. Быстрый старт ". (Денис Булыга - Webformyself)


В этом цикле уроков будет показана верстка PSD-макета при помощи современных Web-технологий на чистом HTML и CSS без использования препроцессоров, автоматизации и других дополнительных возможностей. В целом макет является довольно простым, но на его .....


Страница курса - Верстка сайта на Grid. Быстрый старт. (Денис Булыга  - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "NodeJS. Быстрый старт". (Владилен Минин - Webformyself)


Данный курс по основам NodeJS является практическим, в результате которого вы увидите, как пишется консольное приложение, позволяющее взаимодействовать с файловой системой. Увидите, как через консоль добавлять новые заметки, читать уже существующие......


Страница курса - NodeJS. Быстрый старт. (Владилен Минин - Webformyself)

Видеокурс
Видео урок


Видеокурс "NodeJS. Полное руководство". (Владилен Минин - Webformyself)


В курсе предоставлена информация от самых основ, от установки самого NodeJS, до деплоя готового приложения и размещения его на сервере. Кульминацией практической части курса является создание большого статического интернет-магазина и сложного REST API....


Страница курса - NodeJS. Полное руководство. (Владилен Минин - Webformyself)

Видеокурс
Видеокурс


Видеокурс "React JS, Redux, ES2015 с Нуля до Гуру". (Михаил Русаков, Владилен Минин)


Данный курс-это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения. Вы узнаете о тонкостях работы с "профессиональным" JavaScript,а так же узнаете о нововведениях...


Страница курса - React JS, Redux, ES2015 с Нуля до Гуру. (Владилен Минин)
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы

Смотреть видео Смотреть видео

Бесплатный видеокурс "Препроцессоры. Быстрый старт". (Владилен Минин - Webformyself)
Страница курса - Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Бесплатный видео урок
Видеокурс Бесплатный видеокурс
Видеокурс Видео урок
Видеокурс Видеокурс
Видеокурс Видеокурс
Видеокурс Видео урок

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Препроцессоры. Быстрый старт. (Владилен Минин - Webformyself)
Промо ролики видеокурса VUE JS – быстрый старт, первые результаты. (Владилен Минин - Webformyself)
Промо ролики видеокурса Корпоративный сайт под ключ. (Виктор Гавриленко - WebForMySelf)
Промо ролики видеокурса JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
Промо ролики видеокурса Создание Telegram бота. (Владилен Минин - Webformyself)
Промо ролики видеокурса Angular 4 быстрый старт, первые результаты. (Владилен Минин - Webformyself)