Пройти курс по основам вёрстки

02 HTML. Теги и работа с разметкой

03 Работа с хостингом

04 HTML. Формы и таблицы

05 CSS

06 Работа с дизайн-макетами

07 CSS Свойство позиционирования

Верстка для начинающих из PSD: все, что нужно знать

Верстка сайта с нуля из Figma - настройка проекта #1

Wayup 01

Wayup 02

Wayup 03

Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.

Визуальная вёрстка

Верстка сайта с нуля из Figma для начинающих #3

Wayup 04 вёрстка

Wayup 05 вёрстка

Wayup 06 вёрстка

Разобраться как экспортировать изображения из программы zepplin

Урок 7. Верстка первого макета | Курс Веб разработчик | Академия верстки

Урок 10. Препроцессор LESS | Курс Веб разработчик | Академия верстки

Урок 8. Что такое Bootstrap | Курс Веб разработчик | Академия верстки

Единицы измерения CSS для font-size: px, %, em, rem, vw, vh, vmin, vmax

Урок 9. Верстка на bootstrap | Курс Веб разработчик | Академия верстки

Единицы измерения CSS для padding, margin, height, width: px, %, em, rem, vw, vh, vmin, vmax

Wayup 07 вёрстка

Pixel Perfect верстка сайтов на практике

2020] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета

css разработка

1. 3.1

2. 3.2

3. 3.3

Пройти курс от gloAcademy

1. Урок 1

2. Урок 2

3. Урок 3

4. Урок 4

Макет для верстки Fassion Landing Page

1. Header

2. section1

3. catagorySection

4. womensFasionSection

5. mensFashionSection

6. avoneStyleSection

7. TACHEN19Section

8. Footer

Зарегистрироваться на Behance

Смотреть видео "Как я зарабатываю на вёрстке"

Сделать небольшую вёрстку по QuizLanding

Макет для верстки Woocomerce landing

1. Heading

2. Building exactly the eCommerce website you want.

3. Your eCommerce made simple

4. Develop Without Limits

5. Trusted by Agencies & Store Owners

6. Supported by real people

7. Footer

8. Social

Подучить php

Установить и потестить админку WCMS

Responsive and adaptive

1. 1

2. 2

3. 3

4. 4

5. 5

Макет для вëрстки. Стройконтроль

1. Nav bar

2. section Умная доставка материалов для сложных строительных площадок

3. section Строительство - это хаос

4. section Пора навести порядок на вашей стройплощадке и взять под контроль свой проект

5. section Что такое СтройКонтроль?

6. section Доставка стала проще

7. section Надёжность

8. section Создан для строительства

9. section Как с нами работать

10. section Почему нужно выбрать нас?

11. section awards

12. section order

13. footer

14. copyright

Натяжка вëрстки на WordPress

Как отправлять заявку с сайта на почту?

Посадка вёрстки на Wordpress

Сайт RomarioLanding

1. Hero section

2. Админка

3. Сделать дизайн-макет

4. Слайдер

5. Задать фиксированную ширину max-width

6. Модуль обратного звонка

7. footer

8. Сделать планшетную версию сайта

9. Найти плагин для анимации (подобрать анимацию)

10. Сделать мобильную версию сайта

11. Залить на хостинг и подключить сертификат SSL

12. Настроить Яндекс-Директ

Хостинг и CMS

1. 1

2. 2

3. 3

4. 4

Сделать Quiz опросник c отправкой результатов на почту

1. Разнести код по разным файлам (файл в папке QuizTemplate)

2. Подключить библиотеку для отправки письма

3. Зарегистрировать почту

4. Прописать данные почты

5. Подключить SSL

6. Добавить страницу сбора контактных данных

7. Выложить на хостинг

8. Сделать quiz опросник

9. Подобрать вопросы и варианты ответов

10. Доделать квиз с отправкой ответов на почту

Сделать опросник на сайт

Добавить на сайт google AdSence

Пропустить свой сайт через валидатор

- [ ] Спросить есть ли возможность сделать поддомен на моëм хостинге

Посмотреть можно ли на моëм хостинге сделать многостраничнцй сайт и постить туда статьи.  Можно на другом поддомене

- [ ] Заменить фавиконку на свой логотип. Иконка вордпресса же поставилась.

Установить WordPress на хостинг handyhost

1. Перенести по видео https://www.youtube.com/watch?v=wMf0fkwD4dA&list=WL&index=2&t=355s

2. Установить WordPress

3. Перенести базу данных

4. Перенести файлы

5. Настроить SEO. прописать title и description

6. Добавить картинки в медиафайлы и сделать галлерею

Установить админку

1. WCMS

2. WordPress

3. Перенести данные

- [ ] Найти плагин лайтбокса с шорткодом на вордпресс

выложить тэг description

- [ ] Разобраться с лишним кодом. Что можно отключить, чтобы и грузилось быстрее и ошибок не было

- [ ] Скачать скрипты, что подключаются через cdn, залить на хостинг и подключить через fusctions. Php

Создать и настроить свой gulp файл

добавить плагин галереи через стороннюю библиотеку

- [ ] разобраться почему не работает wow.js и вообще ошибки при загрузке

найти 2х партнёров( скрипт разговора на рабочем столе)

написать на JS калькулятор создания сайта (лежит в папке C:\WEBVideo\JS\Калькулятор личных доходов на чистом JavaScript)

Выложить задание по поиску клиентов за процент

Easy camper

1. Hero

2. Making your facility known is our priority

3. Join the community campervan sites managers.

4. Our Advantages

5. When Passion Meets Comfort.

6. Footer

Сделать вёрстку с использованием БЭМ

Написать сайт с использованием CSS Grid

1. Создание каркаса

2. Hero section

3. cardsSection

4. making

5. joinTheComunuty

6. ourAdvantages

7. whenPassion

8. footer

Css Grid. Сделать макет

Сделать свою тудушку

1. Вёрстка

2. Натажка на WordPress

3. Добавление функционала

4. Выгрузка на хостинг

Сделать конструктор пицы

Внедрить в свою жизнь Gulp

1. Сжать изображения

2. Auto Prefixer

3. Min JS, css

4. https://youtu.be/stFOy0Noahg

Добавить в gulp функции оптимизации js и изображений, а так же минификацию html

1. CSS

2. JS

3. IMG

Склеить все css файлы в один и минифицировать

добавить якорные ссылки

Внедрить Slider Swiper в проет КриоГаз

ускорить сайт (минифицровать js, - уменьшить количество запросов на сторонние сервисы - скачать файлы и добавить на хостинг)

Адаптивная вёрстка писем (responsive, sass, inliner) и рассылка

Адаптивная верстка сайтов легко. Bootstrap в прошлом!

Сверстать сайт КриоГАЗ

1. Hero section

2. Projects

3. News

4. Footer

5. Собрать проект с помощью gulp

6. Натянуть вёрстку на WordPress (тема)

7. Реализовать слайдер

8. Реализовать добавление новостей и проектов через записи WordPress

Исправить тип записи на сайте aims

Сайт-портфолио

1. Сделать дизайн-макет

2. Прочесть статью от Анна Блок https://tpverstak.ru/portfolio-website-for-coders/

3. Прочесть книг по написанию текстов Ильяхов М., Сарычева Л. - Пиши, сокращай

4. Сверстать сайт

5. Опубликовать

6. Написать в соцсети

7. Сверстать на основе своего макета

8. Разобраться с FTP на хостинге и настроить клиент

9. Установить ssl сертификат

10. Пройти обучение - может там будет ответ на вопрос по плагинам

11. Добавить кнопки соцсетей

12. Переделать натяжку на wp по-правильному и подключить плагин квеста

13. Натянуть вёрстку на WordPress

14. Создать свою рекламную кампанию в Яндексе

15. Пройти валидацию

16. Проверить в Google Page speed

17. Сделать меню с якорными ссылками

18. Перенести на вордпресс свой сайт-портфолио и добавить плагин галереи

19. Добавить плагин галереи

20. Провести аудит

21. Прогнать вёрстку через gulp, для сжатия css и js

22. Провести первичную SEO оптимизацию

23. Добавить ссылки на свои работы

Поправить вёрстку wine website

Сверстать макет по БЭМ и потренироваться с плагином ECSS Tractor

Сделать ссылку блог на страницу в smart progress

Пройти уроки по PHP

1. Урок 1

2. Урок 2

3. Урок 3

4. Урок 4

5. Урок 5

Регистрация на досках объявлений

Cайт Mantor Pro

1. PC_Main

2. PC_About

3. PC_Catalogue

4. PC_Partnership_shops

5. PC_Partnership_Service

6. PC_WhereToBuy

7. PC_ServiceCenters

8. PC_Waranty

9. PC_Contact

10. Сделать модальное окно "Заказать звонок"

11. Адаптив -tablet

12. Адаптив-Mobile

Добавить свой личный блог на своём домене

1. Отдельная страница

2. Новый тип записей

Сайт igs

1. Slide 1

2. Slide 2

3. Slide 3

4. Slide 4

5. Slide 5

6. Slide 6

7. Slide 7

8. Мобильная версия

Vue.js - варианты применения на практике

Пройти курс JAVASCRIPT: ПОГРУЖЕНИЕ

1. Погружение в основы JavaScript (part 1)

2. Погружение в основы JavaScript (part 2)

3. Взаимодействие JavaScript с DOM

4. Практика работы с JavaScript

5. Пишем викторину на чистом JavaScript

Отправлять данные с сайта на почту

Изучаем Ajax | Урок №1 - Что это?

Изучаем Ajax | Урок №2 - Основы Ajax

Изучаем Ajax | Урок №3 - Установка локального сервера

Законспектировать видео Работа с базой данных на PHP и MySQL

1. Сделать авторизацию

2. Сделать изменение цен (работа с БД)

Научиться делать админки для сайтов

Доступ к базе данных через pdo

Авторизация через php через сессию

Уменьшить обращения к внешним библиотекам. Закачать библиотеки на хэндихост

Пройти урок Основы PHP для WordPress

Изучить видео по созданию сайта на Elementor

Пройти бесплатное обучение по веб-дизайну

Протестировать сборку gulp

Сохранить в своём гитхабе проекты с квизом на ванильном JS, слайдером и галлереей с лайтбоксом

Пройти урок по Astro - фреймворк для создания статических сайтов