Курсы по HTML, CSS,JavaScript, jQuery (базовый курс по созданию статичных сайтов) - 33 часа

•     Допустим Вы не знакомы с программированием ВООБЩЕ, а желание научиться этому искусству велико, пожалуйста, Вашему вниманию базовый курс по программированию сайтов.
     
      Для того чтобы научиться создавать простые статичные малостраничные сайты (без использования баз данных и хитроумных программных алгоритмов) достаточно пройти базовый курс верстки сайтов. Даже для создания подобных простейших сайтов необходимо овладеть языками  HTML, CSS, JavaScript, jQuery, а также освоить Фотошоп (чтобы сайты получились красивыми) и специфическую программу для создания сайтов Dreamweaver.

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

      Каждый слушатель курса на первом уроке получит уникальное методическое пособие объемом в 12 гБ в котором будут содержаться исходники, с пройденых уроков, справочники по верстке сайтов и видеоуроки, описывающие приемы программирования (с примерами видеоуроков Вы можете ознакомиться ниже - для улучшения качества изображения выставьте в настройках видео 480р).

  Программа учебных курсов:

  1. Установка локального сервера (1 час)
  Для чего нужно устанавливать сервер, можно ли обойтись без него, преимущества локального сервера...

  2. HTML - язык разметки текстов сайтов (3 часа)
  - Вступительный.
  - Основы. Каркас страницы.
  - Грамотная работа с текстом. Внешний вид текста.
  - Изображения и логические тэги.
  - Списки и ссылки.
  - Работа с таблицами.
  - JavaScript команды и внешние объекты. Вставка в странцу.
  - Формы.
  - Анализ сайта.

  Пример урока по HTML

  3. Курс по CSS - расширение HTML (2 часа)
  - Вступительный.
  - Основы CSS и зачем он нужен.
  - Оформляем фон.
  - Украшаем текст.
  - Работаем с рамками.
  - Учимся создавать поля и отступы.
  - Оформляем списки через CSS.
  - Работаем с блоками. Учимся верстать структуру сайта.

  Пример урока по CSS

  4. Курс по программе Macromedia Dreamweaver (3 часа)
  - Вступительный.
  - Что нужно сделать прежде всего.
  - Осваиваем главную функцию программы.
  - Принимаемся за интерфейс.
  - Продолжаем постигать азы.
  - Дальше работаем со слоями и текстом.
  - Покоряем формы.
  - Учимся работать с шаблонами.
  - Осваиваем символы и вставку внешних объектов.
  - Учимся работать с активами и библиотекой сайта.
  - Эффективная работа с кодом и "кусочками".
  - Работа с HTML и CSS стилями в Dreamweaver.
  - Работа с HTML стилями в Dreamweaver.
  - Объект, событие, реакция объекта на событие.
  - Чистим код от ошибок своих и MS Word.
  - Учимся искать и заменять.
  - Настраиваем программу на оптимальную работу.
  - Подвергаем созданный сайт проверкам.
  - Заполняем пробелы, изучаем оставшиеся возможности.
  - Горячие клавиши, которые надо знать.

  Пример урока по Macromedia Dreamweaver

  5. Курс по программе Adobe Photoshop (4 часа)
  - Вступление.
  - Начинаем с изучения понятия "слой".
  - Приступаем к изучению инструментов программы.
  - Изучаем вторую группу инструментов.
  - Изучаем третью группу инструментов.
  - Изучаем эффекты.
  - Начинаем практиковаться, рисуем красивые картинки.
  - Создаем красивые кнопки.
  - Работаем с текстурами.
  - Создаем эффектный текст.
  - "Шапка" для сайта.
  - 3D картинки.
  - Настраиваем программу на эффективную работу.
  - Работаем с фильтрами.

  Пример урока по Adobe Photoshop

  
  6.Курс по JavaScript и jQuery (17 часов)
  
  1.Уроки javascript
  1.Вводный урок
  - Что нам понадобится для работы
  - Обьектно - ориентированное программирование
  - Метод write() объекта document
  - Отлов ошибок и комментарии
  - Создание переменных и использование переменных
  - Какие имена можно давать переменным
  - Операции над переменными
  - Изменение значений переменных

  2.Массивы
  - Введение в массивы
  - Свойство length + добавление/удаление элементов
  - Метод splice()
  - Другие методы для работы с массивами
  - Многомерные массивы

  3.Конструкция IF-ELSE
  - Основы
  - Множественные условия
  - Несколько условий одновременно
  - Это важно знать

  4.Циклы
  - Цикл while
  - Проработка массива в цикле while
  - Цикл for

  5.Методы объекта WINDOW
  - Методы alert(), prompt() и confirm()

  6.Функции
  - Введение в функции
  - Область видимости переменных функции
  - Возвращение результата функцией

  7.Свойства и методы строковых объектов
  - Свойство length
  - Методы toLowerCase() и toUpperCase()
  - Метод indexOf() и lastIndexOf()
  - Метод slice()
  - Методы charAt() и charCodeAt()
  - Метод search() - введение в регулярные выражения
  - Метод search() продолжение
  - Метод match()
  - Ищем сайты в строке
  - Метод replace()
  - Готовые регулярные выражения и сервисы

  8.Функции и методы числовых объектов
  - Функция isNaN()
  - Функции parseInt(), parseFloat() и Number()
  - Метод toFixed()
  - Объект Math и его методы round(), ceil(), floor()
  - Объект Math и его метод random()

  9. Работа с датами в javascript
  - Введение в объект Date
  - Практический пример по объекту Date
  - Это может пригодиться
  - Функции setTimeout(), setInterval(), clearInterval()
  - Функция typeof()
  - Условный оператор case
  - Тернарный оператор
  - Создание собственного объекта
  - Создание методов для собственного объекта
  - Вывод на экран всех свойств объекта и их значений
  - Объекты navigator, screen, location и их свойства

  10.Модификация веб-страниц
  - Введение.DOM - объектная модель документа
  - Подготовка к дальнейшей работе
  - Выбор элементов методом getElementsByTagName()
  - Выбор элемента методом getElementById()
  - Выбор родственных элементов
  - Свойства innerText и innerHTML

  Пример урока по JavaScript

  2. Уроки jQuery
  1.Создание выборки из элементов страницы
  - Введение в jQuery
  - Основы выборки элементов с помощью jQuery
  - Вложенные и дочерние селекторы, следующий тэг
  - Выборка по наличию и значению атрибутов
  - Фильтрация выборок
  - Ожидание формирования DOM дерева

  2.Действия над отобранными элементами
  - Функции text(), hide(), show().Научимся получать и изменять тексты, а также прятать и показывать элементы.
  - Понятие цепных функций.Научимся как красиво, быстро связывать действия над элементом.
  - Понятие автоматических циклов.Научимся делать циклы без циклов.
  - Изменение высоты и ширины элементов.Как динамически изменять высоту и ширину элемента.
  - Изменение кода внутри элемента: функция html().Получаем и динамически изменяем HTML код.
  - Функции fadeIn() и fadeOut().Учимся как визуально плавно изменять элемент.
  - Функция fadeTo().Изменение прозрачности элемента до определенного значения за определенное время.
  - Функции slideDown()и slideUp().Учимся как заставить элементы плавно появляться и исчезать в разных направлениях.
  - Функции attr() и removeAttr().Учимся получать или изменять значение атрибута элемента, а также удалять.
  - Функции addClass() и removeClass.Здесь учимся добавлять класс к элементу(ам) набора и удалять класс у элемента(ов) набора.
  - Функция css().Получаем/Изменяем значение CSS свойств элемента
  - Функция animate().Плавно изменяем CSS свойств элемента (анимация), заставляем их двигаться.
  - Функции append(), prepend(), after() и before().Учимся добавлять информацию на сайт внутрь выбранного элемента после/до всего остального, а также добавляем контент после/до выбранного элемента.
  - Функция each() и понятие $(this).Учимся как перебирать каждый элемента выборки и осваиваем $(this) - текущий элемент при переборке.
  - Функция size() и доступ к элементу выборки.Узнаем как определить количество элементов в выборке.
  - Функции clone() и remove().Учимся копировать и удалять элементы, но при этом не забыв сохранить его в переменной.
  - Два полезных совета.Учимся последним хитростям jQuery.
  - Подводим итоги.

  3.Реакция элементов web-страниц на события
  - Введение. Список событий, которые отслеживает браузер. Формируем список событий. Как сделать так чтобы ваш сайт "оживлялся" при нажатии на картинку, кнопку или когда двигаем мышью.
  - Традиционная модель событий и ее недостатки.
  - jQuery модель событий.
  - jQuery события hover() и toggle().
  - Понятие объекта события.
  - Отмена обычного поведения элемента.
  - Создаем слайдшоу для закрепления материала.
  - Методы и фильтры для работы с формами.
  - Выбор и фильтрация элементов формы.
  - Фильтры состояний элементов формы.
  - Узнаем значения элементов формы в выборке.
  - События submit() и focus().
  - События blur() и change().
  - Включение и отключение, скрытие и показ полей.
  - Заключение.

  Пример урока по jQuery

  7.Устанавливаем сайт на сервер (хостинг), привязываем ему адрес (домен).

  8.Результат - получаем готовый статичный сайт с базовыми
  функциями и индивидуальным дизайном, а также умение верстать
  статичный сайт, программировать на клиентском языке JavaScript
  и его расширении jQuery.