В данном видео мы рассмотрим, что такое хостинг и где его добыть :) После чего установим FTP-клиент и выложим в сеть свой первый HTML-файл. Ссылка на страничку школы с хостингами:


В данном видео мы рассмотрим как установить npm и gulp, а также настроим удобную компиляцию sass в css с помощью gulp watch. В видео: - установка node.js - команда npm list - установка gulp-cli - установка gulp и sass в режиме --save-dev - команда npm init - настройка gulp для компиляции sass - настройка автоматической компиляции sass при сохранении файла - перенос настроек из проекта в проект - команда npm up


Внимание! Скоро старт марафона по PHP - А данное видео предназначено для тех, кто хочет начать программировать на PHP, но ещё не установил локальный web-сервер на свой компьютер. В видео: - установка xampp на windows - создание первого php-скрипта - настройка нового хоста в файле httpd-vhosts


Плюсы и минусы WordPress. Приглашение на курс -


Ссылка из финала видео: Новый поток с 19 мая 2017! Данное видео расскажет вам о том, какие крутые возможности дают нам CSS-сетки, основанные на препроцессорах. Правда, чтобы их использовать, нужен адекватный набор начальных знаний. Подробности в видео.


Как освободить 80-ый порт для веб-сервера.


Что такое якоря. в атрибуте href. id для перехода. Приколы скролла при маленьком количестве контента. Идея плавных якорей.


В данном уроке рассматриваются основные понятия работы с 3d-графикой такие, как сцена, камера, источники света, меши, геометрия и материалы. Посмотреть конспект видео вы можете на моём сайте Если Вы хотите получать уведомления о новых уроках и конспектах по email, пожалуйста, подпишитесь на данных курс у меня на сайте


Поток и статическое позиционирование. Свойство position. Свойства top, left, right, bottom. Position: relative, absolute, fixed, relative + absolute. Относительное позиционирование. Абсолютное позиционирование. Фиксированное позиционирование. Свойство z-index.


Первый урок по Vue.js. Основные идеи и назначение vue. Подключение Vue, создание экземпляра Vue. Объект data, директива v-model. Основы реактивности данных. Директивы v-bind и v-on. Код с урока - Курс по Vue -


Ссылка из финала видео: Новый поток с 19 мая 2017! Новый стабильный релиз 1.0.0 Препроцессоры и BEM (БЭМ - блок, элемент, модификатор) Иерархические селекторы vs BEM Правильное использование знака & Демонстрация вёрстки


Волшебное слово this. Понятие контекста. Способы вызова функций. Замыкания. Коллбеки. Коллбеки и контекст.


Что такое AJAX - раскрытие технологии. Фоновое взаимодействие клиента и сервера. Примеры AJAX на современных сайтах. Создание простого AJAX-запроса. Объект XMLHTTPRequest. Отслеживание статуса запроса. Обработка ответа от сервера. GET и POST запросы. Пример AJAX формы. Обзор необходимых навыков и смежных технологий.


Сетка на основе флексбоксов -


Подключение первого скрипта Объектная модель документа Ключ к пониманию языка Свойства, события, методы innerHTML и style Обработка событий Слайдер фотографий в 20 строк Исходники: Курс:


Мнение про bootstrap 4. Новшества smartgird 2. Жду ваших предложений в комментариях! Подробности в видео. А новый поток совсем скоро!


Настройка простой сборки проекта с нуля с помощью webpack 4. В видео формируется понимание базовых приёмов работы с webpack.


Типы данных в js. Всё ли является объектами. Объекты: свойства и методы. Классы. Прототипы объектов. Скоро новый поток курса -


Видеозапись вебинара про использование семантических тегов в HTML5. Рассматриваем приёмы работы с тегами: header, nav, aside, section, main, footer, article, figure, figcaption, details, summary, mark, time. Будет крайне полезным для новичков в HTML5. Презентация с вебинара:


Виды атак. SQL-инъекции, XSS-гадости. Экранирование тегов. Экранирование кавычек. Сохранение информации в БД. PDO и подготовленные запросы


Прошлое видео показывало как в windows 10 освободить 80-ый порт. В этот раз заходим с другой стороны и переводим apache на порт 8888.


В данном вебинаре рассматривается назначение npm и основы работы с ним. Сначала мы установим стандартные пакеты less и gulp, а затем напишем свой шуточный мини пакет для шифрования логов.


Сделал пробную версию библиотеки vuew3c-valid -


Установка vue-cli. Сборка с помощью webpack simple. Курс по vue.js -


Подходы к организации CSS-кода. Вложенные селекторы vs БЭМ. Блок__элемент-модификатор. Плюсы и минусы БЭМ. БЭМ и препроцессоры. Ужасы БЭМ на примере лендинга. Выгода БЭМ на примере небольшого сайта. Ссылка из конца видео: Скоро новый поток!


Обзор стандарта ES6. Объявление переменных: var, let и const. Стрелочные функции. Подстановка переменных в строки. Простое ООП. Оператор. (spread). Поддержка браузерами. Очередная магия nodeJS - babel.


Мы изобрели неплохую сетку и хороший генератор сетки! Подробности в видео. Новый поток с 27 января 2017!


Периодически верстальщики бояться использовать smartgrid из-за flexbox и calc. На самом деле кроссбраузерность фиксится легко и быстро. Подробности в видео. А новый поток совсем скоро!


Базовые принципы блочной модели в вёрстке Схема расчёта размера элементов Свойство box-sizing для управление схемой расчёта Разница работы margin-ов для строчных и блочных элементов Тонкости багов вертикальных margin-ов Расчёт высоты элементов при обтеканиях Способы выравнивания элементов по вертикали Новаю концепцию гибких flex-блоков


Создание адаптивного меню на javascrpt и без него. Элементы, сохраняющие пропорции сторон при сжатии. Smartgrid + flexbox - обзор. Единицы измерения rem. Подключение адаптивного слайдера. Новый поток smartgrid -


Основные идеи flexbox. Главная и вспомогательная оси Определение размера элементов: grow shrink basis. Выравнивания элементов. Изменение порядка элементов Адаптивка без media-запросов О вёрстке по сетке. Сетка на основе flexbox. Bootstrap vs Smartgrid. Новый поток с 27 января 2017!


Понимание директив Vue. Директива v-show. Директива v-on. Обработка событий. Директива v-bind. Значения для атрибутов. Директива v-for. Простейший цикл. Код с урока - Курс по Vue -


Установка Notepad++ на Windows Создание первого HTML документа Решение проблемы с кодировками


Проблемы чистого javascript и причины появления jQuery. Мир jQuery плагинов. Проблемы jQuery. Пример: jQuery vs Vue.js Директивы Vue.js. Компоненты. Чистый js тоже нужен! Скоро новый поток - Предзапись на продвинутый курс -


Основы создания адаптивной вёрстки. Media-запросы и тег viewport. Размеры в % и max-width. Проблемы классической адаптивки. Эволюция вариантов адаптивной вёрстки. Идея классов из bootstrap. Свойство flex-basis во flexbox. Препроцессорная сетка smartgrid. Новый поток по smartgrid -


В данном уроке мы подключаем библиотеку three.js и создаём первый реальный пример. Конспект урока скоро появится на сайте. Если Вы хотите получать уведомления о новых уроках и конспектах по email, пожалуйста, подпишитесь на данных курс у меня на сайте


Простое подключение на страницу. Геттеры и сеттеры - основы реактивности. Использование vue-cli и сборки webpack-simple. Обзор возможностей Vue на примере разработки арифметического тренажёра. Идеи компонентного подхода. Скоро старт полного курса по Vue -


Контекстные селекторы. Наследование стилей. Строчные и блочные элементы. Теги div и span. Создание базовой разметки документа. Свойство display. Обтекаемые элементы - float. Отмены обтеканий: overflow hidden и clear both.


Первый урок марафона по основам PHP. Отличия вёрстки и программирования. Клиент-серверное взаимодействие. Установка локального веб-сервера. Cинтаксис написания программ. Переменные, типы данных. Арифметические операции.


Виды анимаций в CSS 3. Transitions - плавные изменения. Течение анимации - cubic-bezier. Произвольные анимации. Свойство animate. Ключевые кадры - keyframes. Анимируемые свойства. Место javascript в управлении анимациями.


Клиенты и сервера. Принципы работы сети Интернет. Ip-адрес, домен, dns, статический и динамический ip. Браузеры. Поддержка различных версий. Статические и динамические сайты. Процесс разработки сайта. HTML. Парные и одиночные теги. Атрибуты. Структура HTML-документа.


Способы построение разметки и эволюция сеток. Сетка на float. Сетка на inline--block. Сетка на flexbox. Сетка с помощью Grid Layout. Баги и плюсы предложенных вариантов. Назначение каждой из возможностей. Дикий пример на Grid Layout. Примеры когда CSS Grid нужен, а когда нет. Взаимоотношения flexbox, grid layout и smart-grid. Тренажёр, который демонстрировался в уроке на третьем экране -


Methods - методы. Computed - вычисляемые свойства. Код с урока - Курс по Vue -


Ссылка из финала видео: Новый поток с 19 мая 2017! Данное видео отвечает на популярные вопросы, заданные подписчиками к предыдущему видео: - что по поводу других препроцессоров - как дела с кроссбраузерностью - какие нужны начальные знания, чтобы эту штуку осваивать


Работа с готовыми компонентами. Создание нового компонента. Создание прогресс-бара. Код с урока - Курс по Vue -


Основы работы с файлами в PHP. Функция fopen, работа с дескриптором файла. Режимы работы с файлами. Чтение, запись и добавление информации в файлы.


Функции. Область видимости переменных. Оператор return. Циклы. Цикл while. Цикл for.


Разделение структуры и оформления документа. Способы задания CSS-стилей. Inline-стили, секция в разделе head, подключение отдельного файла. Виды селекторов. Селекторы тегов. id селекторы. Селекторы классов. Основные свойства стилей. Полные и сокращённые свойства.


Видео добавлено: