MaxSite.org 11 лет
Блог вебмастера о сайтостроении

Курс обучения созданию сайтов для новичков

ДневникПросмотров: 910 (1499)

Объявляю набор на мой курс создания сайтов! :-)

Поскольку это новый курс, то первые ученики автоматически станут его тестерами. Чтобы у вас было представление о чем речь, выкладываю первый вводный урок.

Курс платный. Для первых учеников стоимость символическая: 1000 WMR. Для записи, пишите на мой email. После оплаты я вышлю файлы первой части (1-14 уроки).

C 10 декабря 2017 года, цена курса будет 3000 WMR.


Первый урок. Введение

Этот курс имеет некоторые особенности. Мы исходим из той простой предпосылки, что вы читаете эти строки имея желание чему-то научиться. И теории здесь совершенно недостаточно — нужна практика. Если вы хотите просто пробежаться по текстам, не выполняя предложенные домашние задания, то скорее всего так ничему и не научитесь.

Другой важный момент — я не хочу учить тому, что вы спокойно можете прочитать в любом справочнике HTML, CSS или PHP. Давайте сразу отделять справочную информацию. Например, если я привожу пример html-тэга, то это подразумевает, что вы самостоятельно найдёте его подробное описание. Я же буду стараться направлять вас в нужном направлении.

Следующий момент, это то, что мы будем разбирать только современную верстку и программирование. Все эти старомодные приемы, где учитывается браузер Internet Explorer 6, табличная верстка или устаревшие функции PHP 4 — сразу выкидываем на помойку истории. Если верстка: то это flex, если браузер — то только последние две версии Хрома или FireFox, а PHP как минимум 5.3, а лучше 7.0 (выше не берём из-за проблем совместимости).

Одним из важнейших качеств разработчика является способность быстро находить ответ в Интернете. Важно научиться пользоваться поиском гугла, уметь формировать правильные поисковые запросы, а также фильтровать полученную информацию.

Используемые фреймворки и сайты

После вводных занятий, мы начнём пользоваться разными фреймворками и сайтами. Проверьте, чтобы у вас был к ним доступ, попробуйте для проверки скачать файлы (можно пока не устанавливать).

Для верстки и изучения CSS у нас будет UniCSS — css-фреймворк атомарного уровня. Сайт на английском, но вполне понятен, поскольку это техническая информация, да и я по ходу уроков буду объяснять что к чему.

Делать рабочие лэндинги (landing page) будем с использованием LPF (Landing Page Framework), который специально для этого предназначен. Ознакомтесь с его лицензией, чтобы потом не возникло проблем.

В качестве тренировочной базы будем использовать Generator for Startup Framework: Create Landing Page.

Для публичного репозитория мы будем использовать github.com. Нужно будет там зарегистрироваться.

Ссылки на справочники и прочие сервисы я буду приводить уже по ходу уроков.

Цели курса

После курса и выполнения всех заданий, вы сможете самостоятельно верстать простые лэндинги. У вас будут хорошие базовые знания CSS и HTML.

Вы научитесь пользоваться классами UniCSS, что ускоряет верстку сайтов. С помощью LPF вы сможете создавать несложные сайты на несколько страниц и обеспечить их интерактивностью, вроде отправки формы.

Будут обзорные уроки по PHP и JavaScript, но в минимальном объёме, чтобы показать как ими пользоваться. Изучение программирования в набор данного курса не входит.

Сам курс разбит на несколько частей, после которых будут контрольные задания (эдакий чекпоинт). По результатам, если будет необходимо, вы получите дополнительные уроки, чтобы закрыть пробелы.

Домашние задания вы отправляете мне на проверку. Курс расчитан на 2-3 недели, но у вас будет 2 месяца со дня отправки мне первого задания.

Программы

Все примеры изначально вы будете делать на своем компьютере на локальном сервере.

В качестве сервера я рекомендую установить Open Server. Версии BASIC или PREMIUM будет вполне достаточно.

Текстовый редактор используйте Notepad++. Вы можете использовать любой другой редактор, какой нравится. Главное, чтобы он умел корректно работать с кодировкой UTF-8.

Для файлового менеджера можно использовать Total Commander. У него встроенный ftp-менеджер, что потребуется для загрузки файлов на сервер в будущем.

Браузер лучше использовать FireFox, поскольку в нём проще и удобней выполнять отладку.

Через какое-то время нужно будет установить Git — систему контроля версий. Современная разработка без гита уже не ведется. В качестве консоли я рекомендую программу ConEmu. Вопросам использования git будут посвящены отдельные занятия.

Для работы с CSS мы будем использовать css-препроцессор Sass. Сейчас ничего ставить не нужно, этому будет посвящен отдельный урок.

Задания

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

Старайтесь не пропускать выполнение заданий. Некоторые из них могут показаться сложными. Если вы не можете выполнить задание, то напишите на чём именно вы споткнулись и как пытались решить проблему. Код старайтесь набирать вручную, а не через copy/paste. Умение вручную набирать код — одно из важнейших умений вебмастера.

Отправлять домашние задания нужно мне на электронную почту maxsite.org@gmail.com. Все файлы следует заархивировать zip, который уже мне и отправлять. Если размер файла получается больше 1Мб, то такой файл нужно выложить на гугл-диск или в свой dropbox, а мне выслать только ссылку на загрузку. (Не выкладывайте файлы на яндекс-диск или другие файлообменники.) По возможности используйте почтовый ящик гугла (gmail.com) — только с ним я гарантирую коррекную работу.

Отвечаю я обычно сразу в течение несольких часов. Если ответа нет больше суток, то напишие повторное письмо. (Проблемы могут быть если вы пишете с ящика яндекса или майл-ру.) Также можно со мной связаться через личные сообщения Твиттера — @maxsite.

Когда мы дойдём до изучения git'а, то все свои задания нужно будет выкладывать на github.com, а мне присылать только ссылку для просмотра.

Первое домашнее задание

1. Необходимо установить и запустить локальный сервер Open Server. В браузере должен работать адрес http://localhost/ (вы увидите приветствие Open Server).

2. Создать файл hello.php в localhost с содержимым «Привет!». Он должен выводиться в браузере по адресу http://localhost/hello.php

Комментариев: 2 RSS

1Вован29-11-2017 17:59

Сильно курс задержался... Он вчера был нужен( этак годов 5 назад...

2MAX29-11-2017 19:10

5 лет назад git никто не знал. О flex только мечтать могли, а sass — что-то на грани фантастики. :-)

Оставьте комментарий!

Комментарий будет опубликован после проверки. Вы соглашаетесь с правилами сайта.

(обязательно)

О сайте

Здесь вы получите самую полную информацию о создании сайтов на MaxSite CMS.