Видео уроки бесплатн…

  • Главная

веб разработка

Sublime Text 3: All4Site

Цикл видеоуроков об установке и настройке текстового редактора Sublime Text. В видео рассмотрено, как установить и настроить Sublime Text третьей версии.
Этот редактор кода используется многими для веб-разработки. Он лёгкий в освоении, удобный в работе. Как увидим дальше, Sublime Text 3 довольно масштабируемый, к нему выпущено большое количество различных расширений, которые облегчают и ускоряют процесс написания кода во время программирования.

Скачать бесплатно...  

Gulp 4: Всё, что нужно знать для старта

Видеоурок Вадима Прокопчука по изучению менеджера задач Gulp 4с канала „От 0 до 1“. Его часто используют в качестве системы сборки фронтэнда.
В работе верстальщика есть некие рутинные задачи, которые нужно выполнять, а не хочется. Поэтому веб-мастера используют различные сервисы, которые делают эту работу за них. Gulp - это инструмент, который помогает автоматизировать рутинные задачи веб-разработки.

Скачать бесплатно...  

Вёрстка сайта на Grid. Быстрый старт

Видео-курс по созданию сайтов своими руками Дениса Булыги под названием „Вёрстка сайта на Grid. Быстрый старт“ с канала WebForMySelf.
В этом цикле уроков адаптивной вёрстки автор курса покажет вёрстку PSD-макета с использованием современных Web-технологий на чистом HTML и CSS без применения препроцессоров, средств автоматизации и других каких-либо дополнительных возможностей.
Макет, в целом, является довольно простым. На его примере мы разберём множество современных возможностей. А именно, при вёрстке данного макета сайта мы будем использовать Flexbox и CSS Grid Layout.

Скачать бесплатно...  

Visual Studio Code: All4Site

Краткий видеокурс по установке, настройке и использованию редактора программного кода Visual Studio Code. Видеоуроки вэб-разработки с канала All4Site.
Visual Studio Code — это современный лёгкий бесплатный кроссплатформенный редактор исходного кода от компании Microsoft. Работает в операционных системах Windows, Linux и OS X. Редактор является альтернативой коммерческой среде для разработки Visual Studio, её бесплатной упрощённой версией.

Скачать бесплатно...  

Видео-урок по CSS Grid Layout: ITDoctor

Видео-урок веб-дизайна по CSS Grid Layout с канала ITDoctor. В этом видео веб-разработки автор расскажет подробно, как работать с этим инструментом адаптивной вёрстки сайтов.
CSS Grid позволяет нам компоновать и выравнивать элементы html-страницы в двухмерном пространстве. То есть мы можем создавать столбцы, строки и располагать в них элементы так, как нам захочется. Что-то подобное есть в сетке Bootstrap. Однако в Bootstrap свойства сетки нужно описывать дополнительно, а Grid Layout – это стандартное свойство CSS. Следовательно, при его использовании вес кода меньше.

Скачать бесплатно...  

Профессиональная вёрстка сайта для начинающих: Web Developer Blog

Новый курс по вёрстке сайта с нуля. Мы будем использовать все самые профессиональные инструменты и только новые методы вёрстки. Здесь не будет float-ов, не будет остальных устаревших атрибутов. У нас будет адаптивная вёрстка сайта на CSS Grid и Flexbox.

В данном курсе сайтостроения для начинающих верстальщиков мы рассмотрим все базовые концепции вёрстки адаптивных макетов для разных размеров экрана. Это лучший курс для начинающих, чтоб разобраться с нуля, как сделать сайт своими руками, как верстать быстро и адаптивно.

Скачать бесплатно...  

CSS Grid: адаптивная вёерстка реального макета: WebDesign Master

В прошлом уроке мы изучили теорию CSS Grid – новой технологии адаптивной вёрстки сайтов при помощи сеток. Данная технология вызвала интерес у подписчиков канала WebDesign Master. И автор решил сделать видеоурок реальной адаптивной вёрстки сайта с использованием CSS Grid. То есть, на реальном примере использовать эту технологию в создании сайта своими руками.
Автор урока подготовил макет сайта, который позволит нам в полной мере насладиться данной технологией CSS Grid Layout.

Скачать бесплатно...  

Работа в системе MODx Revolution CMS (2018)

Серия видео-уроков о системе управления сайтом MODx Revolution с канала „Coddes Ru“. MODx – это бесплатная с открытым исходным кодом система управления содержимым сайта и удобный фреймворк для создания сайтов и веб-приложений. MODx Revolution – одна из двух ветвей развития проекта, являющаяся более перспективной.
В отличие от большинства бесплатных CMS (англ. Content Management System - система управления сайтом) — на MODx вы можете построить сайт любой сложности, практически с любым набором функций, при этом система не будет никоим образом влиять на ваш html-код.

Скачать бесплатно...  

CSS Grid: Новый взгляд на адаптивную вёрстку сайтов: WebDesign Master

Видео-урок веб-дизайна по CSS Grid Layout с канала WebDesign Master. В этом уроке сайтостроения мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid.
CSS Grid Layout – технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Данный материал по веб-разработке имеет академический характер. Использовать CSS Grid Layout или нет – решать вам.

Скачать бесплатно...  

Вёрстка сайта с нуля на Bootstrap 4: Web Developer Blog

Вёрстка сайта с нуля на Bootstrap 4 – курс видео-уроков web-разработки с канала „Web Developer Blog“. Вёрстка bootstrap для начинающих имеет свои стандарты, и в данных уроках вы увидите бутстрап в новом обличии.
На Ютубе уже есть много разных видеоуроков по созданию сайтов своими руками. Но не хочется делать однообразные, похожие друг на друга сайты. После того, как вы научились делать сайты на чистом html (урок по вёрстке сайта на чистом html этого же автора можно скачать здесь), переходите к освоению адаптивной вёрстки на фреймворке.

Скачать бесплатно...