Программирование [Типичный Верстальщик] Продвинутый курс для верстальщиков (2019)

Автор : Типичный Верстальщик
Название : Продвинутый курс для верстальщиков (2019)



Описание :

Кому полезен»Продвинутый курс для верстальщиков«?

• Прошел обучение по курсу «Верстальщик от А до Я» (базовый уровень);
• Уже изучил HTML/CSS и хочешь дальше прокачивать свои навыки;
• Стремишься развиваться в области верстки и перерасти во фронтенд-разработчика.

Обучение длится 4 недели: каждый день, кроме выходных тебе будут приходить уроки с полезными ссылками и домашним заданием в учебной платформе Frontend Blok. Каждое выполненное домашнее задание тесно связано с версткой учебного макета.

В каком формате проходят уроки?
В формате видеоуроков с домашними заданиями.

Когда и во сколько проходят занятия?
Каждый день в 12:00 по московскому времени в течении месяца, кроме выходных.

Что вы получите после обучения?
По окончанию курса у Вас будет две сверстанные странички, которые будут храниться в личном профиле GitHub. Первая страничка — это вёрстка по учебному макету, вторая — по самостоятельно выбранному макету для закрепления всего материала. После проверки работ вы получите электронный сертификат об окончании обучения. При необходимости можем выслать физическую версию по почте на ваш адрес.


ПРОГРАММА КУРСА:

1. Работа с макетом

- Детальный обзор учебного макета
- Работа с изображениями (PNG и SVG);

Домашнее задание.

1. Разметка сайта

- Методология БЭМ
- Создание разметки сайта HTML5
- Работа с Git для публикации кода

Домашнее задание.

1. Настройка окружения и сборщики проектов

• Установка Node.js;
• Обзор сборщиков (Gulp, Grunt);
• Установка Gulp 4 для проекта.

Домашнее задание.

1. CSS препроцессоры

• Обзор CSS-препроцессоров (SASS, Less, Stylus);
• Программы компиляции и плагин VS Code;
• Использование на практике SCSS.

Домашнее задание.

1. Система контроля версий (Git)

• Основы Git;
• Работы с Git;
• Создание Git репозитория;
• Ветвления Git.

Домашнее задание.

1. Canvas, работа с SVG

- Основы Canvas
- Обзор основных параметров
- Основы SVG
- Самостоятельное построение SVG изображение без посторонних программ
- Оптимизация SVG-изображений из графических программ

Домашнее задание.

1. Flexbox и Grid CSS

- Основы Flexbox
- Основы Grid CSS
- Что уместнее использовать в 2019 году?

Домашнее задание.

1. Анимации и переходы для оживления сайта

- Основы использования @keyframes
- Создание плавных переходов
- Работа с SVG

Домашнее задание

1. Интерактивные карты Google и Yandex

- Как установить интерактивную карту на сайт?
- Какую карту выбрать?
- Стилизация карт
- Работа с API карт

Домашнее задание.

1. Счетчики аналитики, sitemap

- Что такое счетчики аналитики и зачем они нужны?
- Методы установки счетчиков
- Настройка счетчиков
- Что такое Sitemap?
- Генерация файла Sitemap


Домашнее задание.

1. Основы PHP и mySQL

- Основы PHP
- Основы mySQL
- Форма отправки
- Валидация форм

Домашнее задание.

1. Оптимизация работы сайта

- Валидация файлов HTML и CSS
- Определение скорости загрузки сайта
- Исправление ошибок
- Оптимизация изображений и кода

Домашнее задание.

1. Оплата на сайт

- Как установить оплату на сайте?
- Автоматическая генерация кнопок для оплаты
- Список сайтов, предоставляющие услуги онлайн-касс

Домашнее задание.

1. WordPress

• Что такое Wordpress и кому подходит?
• Структура файлов
• Создание собственного шаблона
• Обзор полезных плагинов

Домашнее задание.

1. Основы JavaScript

• Основные термины и синтаксис
• Что такое console.log
• Как работать с консолью
• Переменные и значения

Домашнее задание.

1. Основы JavaScript

• Массивы
• Циклы
• Условные операторы
• Операторы сравнения
• Логические операторы

Домашнее задание.

1. jQuery, jQuery UI и дополнительные плагины

- Основы jQuery
- Работа с плагином jQuery UI
- Для чего стоит использовать jQuery?
- Создание слайдера для сайта на практике.

Домашнее задание.

1. Адаптивность

• Что такое @media
• Создание media запросов
• Что такое Mobile First верстка?

Домашнее задание.

1. Выбор площадки для работы

• Офис: плюсы и минусы
• Удаленная работа: плюсы и минусы
• Фриланс: плюсы и минусы
• Обзор площадок
• Откуда стоит начать свой поиск заказчиков?

Домашнее задание

1. Поиск работы

• Обзор крупнейшей площадки по поиску работы;
• Обзор региональных площадок;
• Linkedn: как оформить свой профиль, чтобы HR сами находили вас.

Продажник :
Скачать :

дайте ссылку ета не работает

Dok47 написал(а):

дайте ссылку ета не работает

Нажмите, чтобы раскрыть...

Дайте ссылку, плиз

risnotr написал(а):

Дайте ссылку, плиз

Нажмите, чтобы раскрыть...

ссылку пожалуйста

Mike3 написал(а):

ссылку пожалуйста

Нажмите, чтобы раскрыть...

Можно ссылку ?

варвар написал(а):

Можно ссылку ?

Нажмите, чтобы раскрыть...

здравствуйте, дайте,пожалуйста,ссылку

vitam1n написал(а):

здравствуйте, дайте,пожалуйста,ссылку

Нажмите, чтобы раскрыть...

ссылку пожалуйста

Marine_ro написал(а):

ссылку пожалуйста

Нажмите, чтобы раскрыть...

Можно ссылку?

pour221 написал(а):

Можно ссылку?

Нажмите, чтобы раскрыть...

Кот-помощник написал(а):

[Скрытый контент]

Нажмите, чтобы раскрыть...

Ссылочку

Дайте ссылочку

Mailo написал(а):

Ссылочку

Нажмите, чтобы раскрыть...

Osigura написал(а):

Дайте ссылочку

Нажмите, чтобы раскрыть...

Дайте ссылку,пожалуйста!

pasha2 написал(а):

Дайте ссылку,пожалуйста!

Нажмите, чтобы раскрыть...