Веб-верстальщик - Код фрилансера (2017)

Тема в разделе "Сайтостроение / Программирование", создана пользователем seoxa, 11 сен 2017.



  1. Пост от администрации
    seoxa
    ТопикCтартер

    seoxa

    Сообщ:
    2.152
    Лайк:
    8.896
    Баллов:
    197
    1 дек 2013
    Веб-верстальщик - Код фрилансера (2017).png
    Веб-верстальщик - Код фрилансера (2017)

    ЧЕМУ ВЫ НАУЧИТЕСЬ

    HTML
    Создавать валидную HTML-разметку страниц, использовать стандарт HTML5 и проектировать лаконичную структура проектов любой сложности

    CSS
    Писать грамотный CSS-код. Использовать стандарт CSS3, медиа-запросы для создания адаптивности, а также работать профессионально с препроцессором SASS (SCSS)

    JAVASCRIPT
    Использовать базовые возможности языка Javascript и использовать библиотеку Jquery. Устанавливать плагины на все случаи жизни: всплывающие окна, галереи, слайдеры и т.д.

    BOOTSTRAP
    Использовать самый популярный фреймворк для веб-разработки Bootstrap, а также его аналоги. Поддерживать и управлять контентом веб-приложений с помощью Bootstrap

    NODE.JS
    Устанавливать и использовать в работе пакетные менеджеры, типа Bower, NPM. Использовать инструменты для прогрессивной frontend-разработки и сборщики проектов, типа Gulp и Grunt

    SASS
    Использовать препроцессор SASS (SCSS) для быстрого модульного написания CSS-кода. Работать с перемеными, наследованием, миксинами и условиями для ускорения work flow

    ADAPTIVE
    Создавать адаптивные и отзывчивые (resposinve) веб-сайты с использованием современных инструментов, а также работать над максимально сложными в верстке проектами

    CMS
    Устанавливать, настраивать и работать с самой прогрессивной и гибкой CMS MODx - системой управления контентом или «движком».

    Веб-верстальщик - Код фрилансера.png

    Блок #1 ВВЕДЕНИЕ В ПРОФЕССИЮ


    Знакомство с коучингом и профессией
    • Знакомимся с участниками
    • О коучинге и процессе обучения
    • Как выжать максимум из программы
    • Перспективы развития на фрилансе
    Принципы, инструменты и понятия веб-разработки
    • Как работают сайты
    • Понятия "домен" и "хостинг"
    • Протоколы FTP и SSH
    • Инструментарий: SublimeText, WinSCP, DevTools, Photoshop и др.
    Блок #2 HTML-ПРОЕКТИРОВАНИЕ

    Знакомство с HTML
    • Что такое HTML
    • Основные теги языка разметки
    • Понятие блочных и строчных элементов
    • Ссылки
    • Атрибуты
    • Классы и айди
    • Как быстро запомнить основные теги
    Создание HTML-разметки страницы
    • Структура документа HTML
    • Семантические принципы проектирования
    • Понятие валидности кода, W3C
    • Форматирование кода
    • Комментирование
    • Работа с путями
    HTML5, формы и таблицы
    • Теги HTML5
    • Назначение и применение тегов HTML5
    • Использование видео и аудио
    • Структура форм в HTML
    • Теги для разработки форм
    • Методы отправки форм
    • HTML-структура таблиц
    • Форматирование и стилизация таблиц
    • Создание таблиц любой сложности
    Блок #3 CSS-РАЗРАБОТКА

    Введение в CSS
    • Зачем нужен CSS
    • Возможности CSS
    • Способы подключения CSS к HTML
    • Структура CSS-документов
    • Быстрые способы написания кода
    Свойства, правила, форматирование + БЭМ
    • Работа с селекторами
    • Наследование
    • Псевдоклассы :before, :after, nth-child и др.
    • Работа с цветовыми моделями rgb, rgba, hex, hsla
    • Как эффективно и быстро выучить CSS-свойства
    • Разбор современной методологии БЭМ
    Большое практическое занятие
    • Готовим среду для разработки
    • Создаем настоящую страницу HTML/CSS
    • Фишки CSS3: animation, transition, rotate и др.
    • Вендорные префиксы
    • Все преимущества HTML5 и CSS3 в примерах
    Блок #4 RESPONSIVE & ADAPTIVE

    Photoshop и модульными сетками
    • Интерфейс Photoshop
    • Структура современного макета
    • Основы минимализма и Flat-дизайна
    • Понятие "модульные сетки"
    • Типы модульных сеток по назначению
    • Экспорт графики для верстки
    • Понятие форматов PSD, JPG, PNG, GIF, SVG, AI, EPS, PDF
    • Ключевые принципы преобразования макета в код
    Отзывчивость в CSS
    • Для чего нужны медиа-запросы (media queries)
    • Примеры работы с медиа-запросами
    • Подходы mobile first и mobile last
    • Понятие "резиновость" и "brake-points"
    • Относительные единицы измерения (%, em, rem и др.)
    • Подготовка изображений под retina-дисплеи
    • Профессиональный подход к структуре CSS с media queries
    Bootstrap CSS в активной практике
    • Подготовка структуры проекта
    • Экспорт графики из PSD
    • Минификация файлов для ускорения загрузки
    • Создание HTML-разметки
    • Блочная структура организации контента
    • Использование всей мощи CSS3
    • Работа со шрифтами в CSS
    • Подключение шрифтов из Google Fonts
    • Конвертация формата шрифтов и подключение к сайту
    • Тестирование адаптивности и отзывчивости
    • Инструменты для тестирования: DevTools в браузерах и др.
    Блок #5 JAVASCRIPT И JQUERY

    Основы Javascript
    • Введение в язык
    • Переменные и типы данных
    • Управляющие конструкции
    • Циклические и условные конструкции
    • Функции
    • Объекты и массивы
    • Практика: решение задач
    Знакомство с jQuery
    • Понятие библиотеки
    • Принципы работы с Jquery
    • Анимации
    • Добавление/удаление классов
    • Взаимодействие с элементами DOM
    Погружение в jQuery и Bootstrap
    • Процесс установки плагинов Jquery
    • Готовые решения: слайдеры, галереи, модальные окна
    • Обзор решений Bootstrap для решения повседневных задач
    • Parallax-эффекты различной сложности
    • Основные ошибки и проблемы в использовании Jquery
    Блок #6 УРОВЕНЬ 2.0

    Node.js, NPM и Bower
    • Работа с командной строкой (терминалом/консолью)
    • Понятие "пакетный менеджер"
    • Установка оболочки Git
    • Установка Node.js, NPM, Gulp, Bower
    • Полезные дополнения и функции Gulp
    • Автоматическая минификация графики, CSS, JS
    • Настройка личной среды разработки
    • Ускорение рабочего процесса в 3 раза
    Работа с GULP, SASS + Git
    • Установка самого популярного сборщика frontend - Gulp
    • Подробная инструкция по использованию Gulp
    • Что такое препроцессоры
    • Преимущества препроцессора SASS (SCSS)
    • Переменные
    • Наследование
    • Миксины
    • Условия
    • Ускорение work flow с использованием SASS
    • Работа с серверами Github
    Блок #7 ХОСТИНГ И CMS

    Установка сайта и CMS на хостинге
    • Какой хостинг и тариф выбрать
    • Покупка и привязка домена к хостингу
    • Принцип установки любой CMS на примере MODx
    • Подключение к хостингу по FTP и SSH
    • Основы работы с Базами Данных (БД)
    • Управление БД с помощью phpMyAdmin
    • Файловая структура дискового пространства
    Интеграция верстки с CMS MODx
    • Основные точки интеграции
    • Возможности интеграции
    • Формирование удобного Backend с помощью MODx
    • Работа с TV-параметрами, сниппетами, чанками
    • Установка расширений в MODx
    • Интеграция галерей изображений
    • Интеграция форм обратной связи
    • Принцип работы с любой CMS: Wordpress, Joomla, Drupal и др.
    Бонус: работа с CMS Opencart
    • Почему именно Opencart для магазинов?
    • Возможности интеграции с CMS Opencart
    • Разбор Opencart на винтики
    • Масштабы использования Opencart
    Блок #8 ФРИЛАНС И ЗАРАБОТОК

    Работа на фрилансе
    • Обзор самых прибыльных бирж фриланса
    • Создание идеального профиля
    • Секреты формирования портфолио
    • Эффективный метод поиска клиентов
    • Мои секреты и фишки поиска клиентов
    Пять контрольных точек
    • 5 встреч онлайн в течение последнего месяца
    • Мои постоянные консультации и поддержка
    • Помощь в работе с клиентами
    • Вдохновение и мотивация
    Выпускное занятие
    • Долгожданное занятие!
    • Обсуждение результатов
    • Речь каждого студента
    • Напутствие от наставника
    • Выдача дипломов
    • Советы по развитию
    • Неформальная беседа и виртуальное чаепитие
    Продажник:

    Скачать Веб-верстальщик - Код фрилансера (2017)
     
    GEORGEEE, voffkach, tehnoblog и 6 другим нравится это.
  2. voffkach

    voffkach

    Сообщ:
    46
    Лайк:
    18
    Баллов:
    8
    2 сен 2014
    Как курс лучше чем курсы от Специалиста ?
     
  3. dopamine

    dopamine

    Сообщ:
    9
    Лайк:
    0
    Баллов:
    1
    18 авг 2017
    30 Симпатий, серьёзно?
     
  4. valera-tik

    valera-tik

    Сообщ:
    23
    Лайк:
    20
    Баллов:
    3
    1 окт 2016
    напишите кто нибудь отзыв, как вам этот курс?( кто проходил)
     
  5. Skadufex

    Skadufex

    Сообщ:
    54
    Лайк:
    51
    Баллов:
    18
    10 сен 2015
    Я оставлю этот отзыв тут (он не мой). Решать все равно Вам в конечном итоге.

    Курс, который дает гарантию зароботка на фрилансе... ну ну. Вообщем-то, смотря на программу курса претензий не возникает (кроме cms MOD-X в нем), что-то вроде учат, но недавно записался на какой то ивент через рекламу в ютубе и понял что это ивент от этой канторы - "WayUp". Просмотрев программу ивента до меня очень хорошо дошло - мне хотят впарить мечту фрилансера, аля работай где хочешь, фриланс рулит, бабло будет капать и куча видео-отзывов на сайте от "успешных" фрилансеров, которые прошли этот курс. После просмотра видео отзывов где то четвертого придурка подряд, которые рассказывают какие они стали топы после этого коучинга, и ***льника самого коучера, который напоминает больше ***ститку трейдера \ бизнесмена из голивудских фильмов 90-х, я понял, что кроме как идеи пропила моего и само собой вашего бабла у авторов на уме не стояло. А, и эти разговоры на ивенте еще стоят 50 баксов. Нет, спасибо. Вешайте лапшу об успешном фрилансе новичкам.
     
  6. valera-tik

    valera-tik

    Сообщ:
    23
    Лайк:
    20
    Баллов:
    3
    1 окт 2016
    спасибо.
     
  7. yakush2

    yakush2

    Сообщ:
    9
    Лайк:
    0
    Баллов:
    3
    16 мар 2014
    Спасибо за подробный, развернутый отзыв.
     
  8. OlkaWhite

    OlkaWhite

    Сообщ:
    38
    Лайк:
    8
    Баллов:
    8
    12 янв 2017
    Как курс?
     
  9. worldfoto

    worldfoto

    Сообщ:
    33
    Лайк:
    16
    Баллов:
    8
    12 фев 2014
    Отлично поданный материал, доступно и понятно
     
  10. shedo

    shedo

    Сообщ:
    19
    Лайк:
    4
    Баллов:
    3
    30 июл 2016
    чуток симпатий не хватает)
     
  11. avia

    avia

    Сообщ:
    8
    Лайк:
    1
    Баллов:
    3
    27 июл 2018
    Ребятки! умоляю добавьте мне симпатий, качманил, качманил с файлообменника итог печалька- загрузка оборвалась курс очень нужен))
     
  12. GEORGEEE

    GEORGEEE

    Сообщ:
    1
    Лайк:
    0
    Баллов:
    1
    2 май 2020
    Ахрененый курс , я прохожу все понятно те кто борочат видимо у них не получилось.
     

Поделиться этой страницей

--