Hi there!

Привет! Меня зовут Фёдор.
Я обучался веб разработке в КА ШАГ.
На этом сайте я выкладывал свои домашние и классные работы.
Также тут можно увидеть моё старое портфолио.

8. Вёрстка сайта

Java Script, HTML, CSS

7. Вёрстка сайта

Адаптивный сайт. Java Script, HTML, SASS, Bootstrap

7. Калькулятор окон

Java Script, HTML, CSS

6. Места в кинотеатре

Java Script, jQuery, ОПП Java Script

5. Адаптивная верстка

Html5, css3, Gulp, Sass, Bootstrap

4. Верстка страницы сайта

Html5, css3, JavaScript, Gulp, Sass, Flexbox

3. Верстка страницы сайта

Html, css (главная, контакты)

2. Верстка страницы сайта

Html, css (главная)

1. Дизайн сайта

Дизайн главной страницы сайта, сделанный в фотошопе

Мне можно написать в скайп:
Мне можно написать на почту:

down )develope

HTMl & CSS
Date	Lessons	Homework
17.03.12	Регистрация аккаунта на бесплатном виртуальном хостинге (doc)
17.03.19		Tags training page
17.03.24	Композиция на основе таблиц + ссылки (doc)
17.03.26	Lesson - html (	17.03.26
17.03.26	Таблична вёрстка (26.03.17, 24.04.17)	Таблична вёрстка (26.03.17, 24.04.17)
17.04.09	Lesson - Forms (17.04.09) Формы в HTML (doc)	Домашняя работа - формы (17.04.09) Домашняя работа - формы в табличной вёрстке (17.04.09)
17.04.23	Введение в CSS (ppt)	Домашняя работа - первый урок по CSS (17.04.23)
17.04.30	Lesson - CSS 2 - text (17.04.30) CSS свойства текста (doc)	Домашняя работа - второй урок по CSS (17.04.30)
17.05.07	Lesson - CSS 3 - Списки (17.05.07) Списки, блоковая модель, марджинг, падинг (doc) Цветные углки (doc)	Домашняя работа - третий урок по CSS (17.05.07) - задание №1 (квадраты) Домашняя работа - третий урок по CSS (17.05.07) - задание №2 (уголки)
17.05.14	Блоки меню Блоки меню (вкладки) (doc) Вёрстка PSD макета (doc)	Домашняя работа - первая верстка по образцу (17.05.14) - задание №2
17.05.21		Домашняя работа - Korporate Blue
17.05.28	Lesson - Позиционирование (17.05.28) Lesson - Позиционирование 2 (17.05.28) Эксперимент - кнопки меню Размещение элементов, позиционирование (doc)	Домашняя работа - верстка по образцу в команде(17.05.21-28) Домашняя работа - кнопка (17.05.28)
17.06.11	Модальное окно Модальное окно	Домашняя работа - модальные окна (17.06.11)
17.06.17	Модальное окно 2 Выдвижное модальное окно (doc) Шрифты и их подключение, цвета, Градиентб инлайн блок, размещение (позиционирование). модель бокса, фон, границы (doc) Дkя ознакомления Модальное окно 3 - начать выполнять	Домашняя работа - модальные окна 2 (17.06.17) Домашняя работа - модальные окна 3 - доделаем позже (17.06.17)
17.06.24	Классический слайдер Слайдер (doc) Блочная вёрстка - заключительная работа Образец заключительной блочной вёрстки	Внедрение слайдера Заключительная работа по блочной вёрстке (2 недели)
17.07.01	Адаптивная верстка Адаптивная верстка Аккордеон меню Слайдер с миниатюрами Примеры CSS Transition (doc) Аккордеон меню (doc) Адоптивная верстка (doc)	Аккордеон меню
17.07.08	Flexbox меню Flexbox (doc) Flexbox меню выпадающее (doc) Flexbox (pdf) Flexbox (ppt) Flexbox шпаргалка (pdf) ------------- A Complete Guide to Flexbox (link) Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. (link) Flexbox, теперь понятно (Opera) (link) Автопрефиксер CSS онлайн (link) Why Flexboxes Aren't Good for Page Layout (link) Flex-box help JPG (link) Building With Flexbox (to read) (link) ------------- A Complete Guide to Grid (link)	Практика по модальным окнам Практика по Flexbox 2 flexbox menu практика Главное меню на флексбоксе Главное меню на флексбоксе_резиновое
17.05.15	Страница полностью на флексбоксе Галерея на флексбоксе Описание - галерея на флексбоксе + флексовый сайт (doc) test (doc) Порядок следования flex-элементов (link) Размер flex-элемента (link) Flexbox Playground (link)	Внедрение галереи на флексбоксе в ранее сверстанный сайт
Java Script
Date	Lessons	Homework
17.07.22	JS вступление Переменные и типы данных (doc) Операторы Современный учебник Javascript 1 (новее) (link) Современный учебник Javascript 1 (старее) (link)	JS вступление
17.08.22	Classwork Alert + prompt 2017.08.19_4_classwork--made_home Объект document (doc) document.write (link) Document Object Model Core (link) Ввод/вывод данных. Диалоговые окна (doc) Объект Date и его методы (doc) Дата и Время (link)	Homework 1 (опрос) Homework 2 (знакомство + время + калькулятор) Homework 3 (запросить у пользователя полное количество лет. Вывести его год рождения. запросить у пользователя дату рождения. Вывести количество лет. )
17.08.26	Переключение слайдеров, if else, switch, циклы Литералы (pptx) Условные литералы и циклы (doc) Условные операторы: if, '?' (link) Конструкция switch (link) Циклы while, for (link) Слайдер JavaScript (doc)	Слайдер на js If else
17.09.02	Classwork_Циклы + Начало Функции (передача в переменные) JavaScript - Циклы (doc) Циклы while, for (link) Операторы цикла: for (link) Уроки JavaScript от Самоделкина (link) Функции. Начало (doc) Функции (link)	Homewok (желто-белые квадраты)
17.09.06	Classwork_Функции продолжение (брать из инпутов) Элементы формы как инструмент настройки интерфейса (doc) Проверка данных, введенных в форму (doc)
19.09.09	Classwork Не больше трёх чекбоксов Радиокнопки - алерт Формы и события js (doc) Навигация и свойства элементов формы (link) Изменение содержимого объектов: document.write(), innerText, innerHTML (doc) innerText, innerHTML (link) Свойство innerHTML (link) Выдвижное модальное окно js (doc)	Homework Выдвижное меню с формами и сбором информации через JS
17.09.16	Classswork Объект Array - начало (массивы) (doc) Объект Array (продолжение) - Методы (doc) Абстрактный тип данных (link) Очередь (программирование) (link) Стек (link) Массивы с числовыми индексами (link) Загрузка скриптов, картинок, фреймов: onload и onerror (link)	Создайте массив из 1000 элементов. Первые 100 элементов =0, вторая сотня =2 ….последняя сотня =9. Создайте функцию, которая сравнивает два массива на предмет отсутствия одинаковых значений. Практика с квадратами (циклы) Практика
17.09.20	Classwork_Array массивы продолжение Объект Object() (doc) Объекты как ассоциативные массивы (link) Создание объектов через "new" (+конструктор)(link)	Homework - Создайте объект Чашка и несколько его экземпляров.
17.09.23	Новый преподаватель 01 Основы JavaScript.pptx 02 Основы JavaScript.pptx 03 Выражения и операторы.pptx 04 Инструкции, объекты и массивы.pptx 05 Инструкции, объекты и массивы.pptx 06 Функции.pptx 07 Динамическое добавление содержимого, доступ к формам, работа с датой.pptx 08 Методы объектов, this.pptx 09 События и обработчики событий.pptx	1. Создать на странице несколько числовых надписей (абзацы, заголовки, span и другие). Создать функции, заполняющие массив значениями элементов, на которых кликают мышкой (при клике на 15 добавить в массив 15). При клике на «вывести массив» сделать вывод всех значений. 2. Создать событие при нажатии на кнопку. Меняет надпись на кнопке и создает рядом еще одну кнопку. . Создать событие, меняющее фон и надпись строчного элемента при наведении мышки.
17.09.27	События и обработчики событий. События и обработчики событий	1. Создать элемент с текстом и кнопкой вручную. Создать джаваскрипт, который при клике на кнопку заставляет текст исчезнуть (не удаляет). При этом кнопка становится выше и/или шире. Можно использовать метод style выбранного элемента для изменения стилей. 2. При нажатии кнопки отобразить на кнопке дату и время. 3. Создать вручную форму из нескольких текстовых полей, при помещении курсора на которые поле выделяется синим бордюром и подписывается снизу или сбоку описанием поля
17.09.30	Взять и вывести DOM (doc) Документ и объекты страницы(link)	Написать JavaScript программы (для файла JS11example.html): 1. Настроить вывод результатов В ПОСЛЕДНИЙ DIV на странице. Именно так, как сказано. Все последующие результаты выводить туда. 2. Найти в приложенном примере все названия мировых компаний и вывести их в нумерованный список 3. Из списка режиссера и «в ролях» получить все имена с фамилиями и создать select со списком людей. 4. Из списка с подпунктами собрать всё содержимое элементов и вывести их в абзац через запятую. 5. Из формы получить все значения value и тексты инпутов и создать объект OC со свойствами из value и значениями из текстов. Вывести в таблицу свойства и значения объекта. 6. Собрать в абзац все теги, дочерние к BODY, перечислить их через запятую. 7. Собрать в span все родительские к элементу «Подпункт 2.2.1.»
17.10.05	Выбираем разные типы инпутов и выводим их поочереди 12 DOM. Свойства узлов - тип, тег и содержимое. (doc) Атрибуты и DOM-свойства(link)	1. Собрать со страницы элементы с одинаковым именем и вывести маркированными списками во второй по порядку элемент <p> (по списку на каждое имя). 2. Собрать все текстовые узлы со страницы, склеить их и поставить их в место первого узла, добавив всей надписи полужирный вариант начертания.
17.10.07	1. Вывксти нужное количество атрибутов и их значений 2. Создать новые элементы и вставить в нужное место Атрибуты и DOM-свойства(doc) Добавление и удаление узлов(link)	Создать вручную HTML с разными элементами на странице (p,div,span,a,h1..h6,img,pre и т.п.) и добавленными у некоторых классами. Написать JavaScript программу для: 1. Проставления атрибутов тегам на странице с названием тега (pAtr,divAtr,spanAtr,aAtr и т.п.) со значением количества символов в имени тега х4 (pAtr=“4”,divAtr=“12” и т.п.). А также всем добавить атрибут alt со значением “custom”. Добавить классы тегам по имени тега (pclass, divclass…) 2. Пройти по всем элементам и если у элемента есть класс – добавить еще один класс (с именем bestclass). Перед каждым элементом <a > разместить элемент <hr > с атрибутом line=“long”.
17.10.12	Удалить дочерние элементы Вставить в список с разных сторон поочереди Атрибуты и DOM-свойства (doc) Мультивставка: insertAdjacentHTML и DocumentFragment(link)	1_0. Написать JavaScript программы для создания длинных списков. 1. Создать страницу с пустым содержимым. Джаваскриптом установить на ней элементы <h3>,<p>, <ul>список с элементами списка. Склонировать список в элемент <p>. Склонировать получившийся элемент <p> в элемент <h3>. Создать клон получившегося <h3> в конце документа с добавлением ему атрибутов name и id. Создать ниже еще один клон последнего <h3> без дочерних элементов и с измененным id. 2. Создать вручную документ с пустым списком <ul>. Джаваскриптом после списка вставить N (запрос у пользователя) элементов <hr> множественной вставкой с помощью insertAdjacent. Между этими элементами вставить текстовые узлы и комментарии с нумерацией (например «текст 1» и «комментарий 1»). В конце вставить список городов элементами <li> в существующий пустой список <ul> с помощью DocumentFragment. Домашние задания по урокам когда у нас был другой учитель
17.10.16	1.Создать кнопку, добавить стили через js сначала все вместе потом по одному, лесенку из кнопок через цикл + изменение цвета каждый раз 2.Создать функцию, которая показывает сообщение в указанном месте (x, y, ширина, текст) на 3 секунды и убирает его. Стили + Размеры и прокрутка элементов(doc) Стили, getComputedStyle(link) Размеры и прокрутка элементов(link)	1. Создать функцию, которая показывает сообщение в указанном месте (x, y, ширина, текст) на 3 секунды и убирает его. Для задания временного промежутка: setTimeout( function() { }, 3000); } 2. Создать страницу с различными элементами и прописать по ним CSS. Выводить в див список стилей при наведении мышки на любой элемент на странице и очищать див при потере фокуса. 3. Создать на странице блок див и назначить ему все отступы. Получить по заданному элементу все метрики. Вычислить размеры полезного содержимого при задании ему ширины и высоты.
17.10.16	1. JSON - строка - абзац - JSON 2. Выбор инпута из js.. JSON, формы, элементы управления.pptx (doc)	1. Разобрать JSON получить объект и вывести его содержимое. Определить количество вложенных объектов и вывести их. Собрать вложенные объекты и перевести их в JSON формат по отдельности. 2. Создать форму с разными элементами (input, select, textbox, radio, checkbox). Заполнить элементы формы джаваскриптом. Все поля должны быть задействованы при заполнении. Добавить кнопку на форму для очистки формы. Действие – очистка всех полей, приведение их к пустым значениям.
17.10.21	Форма. При неправильном вводе дальше не пускает и показывает ошибку Формы, элементы управления (doc)	Арканоид (Нужно выбрать вариант, составить план выполнения задания и выполнить задание по плану.)
17.10.25	Создать обработчики событий для поля INPUT, один из которых ставит "." после каждой вводимой буквы, второй ожидает пробел и меняет его на "_". События (doc)	1. Создать страницу с блоком DIV имеющим возможность установки фокуса. При фокусе на этом блоке принимать и обрабатывать различные события: клик мышки (какая кнопка, координаты), нажатия клавиш (определять букву клавиши, код клавиши, дополнительные клавиши: Ctrl, Alt, Shift), скроллинг (вывести свойства события), установка и снятие фокуса. Всю информацию выдавать в другой див с прокруткой или в TEXTAREA. 2. Перехватить события мышки и при движении мышки отображать круг под стрелкой курсора. Не давать поставить курсор в поля формы. 3. В текстовом поле при вводе вместо цифр выводить названия цифр (вместо 1 писать «один»).
17.10.28	Рекурсия + рекурсия факториала + циклом 19 Рекурсия. Регулярные выражения. (doc)	1. Распарсить файл json.txt в объект с вложенными объектами. Создать программу с использованием рекурсии для прохода по всем вложенным объектам и вывода информации из них. Попробуйте организовать красивый вывод данных с отступами в зависимости от количества вложений (чем глубже – тем больше отступ). 2. Создать программу для вывода данных из вложенных массивов (создать массив самостоятельно).
Java Script New teacher
17.11.01	1. Увеличение текста циклом. Появление кнопки и изменение цвета при нажатии. Проверка формы. Вывод циклом увеличивающегося текста. 2. События. Меняется цвет и фон при нажатии. 1.Способы размещения сценариев JavaScript, оформление комментариев. Проверка отключения в браузере пользователя поддержки сценариев JavaScript... Отладка сценариев JavaScript (на примере использования встроенных возможностей браузера Google Chrome). Переменный, их объявление и инициализация. Типы данных. (doc) 2. Арифметические операторы. Конкатенация. (doc) 3.Ввод – вывод данных, диалоговые окна. Конструкция ветвления "if ... else ...switch ... case ... default ...". Цикл со счетчиком for, цикл с предусловием while. (doc) 4.Функции без параметров (описание, вызов из head или внешнего файла) (doc) 5.Основы DOM : доступ к элементу по идентификатору (обычный и с применением метода document.getElementById). Строки. Свойство строк length. Методы работы с содержимым строк indexOf и substr. (doc) Домашняя работа 1 Домашняя работа 2	1. При наведении курсора мыши на любой из следующих пунктов «блока меню» в «блоке подменю» должен «открываться» соответствующий список именно данной «товарной группы». При сведении курсора мыши со всех пунктов «блока меню» в «блок подменю» опять должен быть пустым. 2. ПРОВЕРКА КОРРЕКТНОСТИ ВВЕДЕННОГО E-MAIL (ОТСУТСТВИЕ КИРИЛЛИЧЕСКИХ БУКВ)
2017.11.05	1. Запрет всплывания событий 2. События return false 3. Открыть - закрыть див по ссылке или по клавише 4. Пердвижение дива по странице мышкой 5. Увеличение картинки при наведении 6. Следующая картинка при клике по картинке 7. SetInterval, SetTimeout, Date, интервал и дата 8. Сетинтервал и клеаринтервал 1.Обработка событий, Объект event, Работаем с мышью -перетаскивание элементов, наведения и нажатия (doc) 2. Объект Image, Дата и время, Задержки и интервалы (doc) 3. Техническое задание на модернизацию и редизайн сайта - живой пример (doc) Homework - задание (zip)	Меню, при наведении изменяется подменю, появляются картинки, при нажатии на стрелку меняются картинки
2017.11.08	1. Летающий текст по кругу и тд, при наведении останавливается 2. Автоматическая смена картинок 3. Див движется вверх до конца сетинтервалом 4. Медленное пропадание элемента по нажатию на ссылку 5. Проверка есть ли элемент на странице и добавление если есть стиля 6. Вставление элементов динамически на страницу, отображение потомков 7. Наведите на большой шар и подержите - 1 8. Наведите на большой шар и подержите 2 + изменение круга Решение прошлого дз по версии преподавателя 1. Математические функции, math, Формулы для определения катетов (смещения left, top), Анимация, Применение интервалов для анимированного перемещения, постепенное скрытие элемента (аналог функции fadeOut jQuery), 2. Иерархия узлов DOM. Стандартное дерево DOM. Работа с узлами DOM.	1. Используя мeтод setInterval реализуйте алгоритм движения шарика внутри некого блока, окно загрузки с изменением через интервал 2. Вставить картинки в ссылку и дальнейший вызов функции их одновременного удаления таким образом, чтобы текст ссылки (Link) при данном удалении сохранялся
17.11.12	Найди span и выдели bold Найди red-Элемент и увеличь size Из строки через массив в таблицу Меняем местами цветные квадраты (берём стили в массивы и переопределяем) Меняем цвет внутренним элементам (вложеным) elements method, child method Переключаем картинки нажатиеам на картинку, превью меняют прозрачность Выводим из элементов на странице таблицу Решение прошлого дз 1 (шарик туда сюда) Решение прошлого дз 2 (удаляем картинки) Примеры алгоритмов с использованием childNodes, setAttribute, getAttribute. (doc) getElementsByTagName, getAttribute, setAttribute, getElementsByClassName+ getElementsByTagName("*") + nodeName для доступа к ЛЮБОМУ ЭЛЕМЕНТУ ЛЮБОГО УРОВНЯ ВЛОЖЕННОСТИ. getElementsByTagName, getAttribute, setAttribute - галерея (смена img) – ФОРМИРОВАНИЕ МАССИВА СО СТРАНИЦЫ + ЭФФЕКТ «ПОДСВЕТКИ».ФОРМИРОВАНИЯ ТАБЛИЦЫ «НА ЛЕТУ» - ИЗ СОДЕРЖИМОГО ЭЛЕМЕНТОВ СТРАНИЦЫ (ИМИТАЦИЯ ИЗ БД). (doc)	1. При нажатии на закрашенный квадратик – внизу появляется пустой div. При нажатии на пустой div он окрашивается в цвет ранее нажатого вверху. При повторном нажатии на закрашенный квадратик вверху – нижний приобретает «исходный» цвет (белый) (здесь термин «приобретает» может означать, например, не изменение его стиля, а его удаление и создание заново). При повторном нажатии на пустой div он опять окрашивается в цвет ранее нажатого вверху. 2. Начальная таблица (элементы table, tr, td) присутствует на странице. 2.Количество строк = количеству столбцов. 3.Отсутствуют любые id (начальные стили можете оформить селектором td в секции style элемента head). 4.Их число - значения не имеет (!!!т.е., алгоритм должен работать при добавке новой tr (но с соблюдением условия п.2 - количество строк = количеству столбцов (т.е., при такой добавке добавьте еще по одной td в каждую из строк))). 5.При загрузке страницы (или при вызове соответствующей функции) «диагональ» должна получать отличительный фоновый цвет. 6.Алгоритм необходимо реализовать на основе getElements-модели. 3. В продолжение примера, рассмотренного на занятии (формирование контента таблицы из span) На странице разместите еще 2-а блока div (+ к div с 3-мя span с названием товара) с некоторыми id, в которых :
17.11.15	1. Сортировка товара по клику и выпадающему меню 2. Range выделение Прошлое дз (выбор цвета квадрата) Прошлое дз (диагональ 1) Прошлое дз (диагональ 2) Прошлое дз (диагональ наоборон) Прошлое дз (в таблицу) Прошлое дз (в таблицу 2) СОРТИРОВКА КОНСТРУКЦИИ МАССИВ. (2-А И БОЛЕЕ СВЯЗАННЫХ ЯЧЕЕК), С ВОЗМОЖНОСТЬЮ СОРТИРОВКИ ПО РАЗНЫМ СТОЛБЦАМ, «SELECT» - СОРТИРОВКА – ДОБАВКА ОПЦИИ СОРТИРОВКИ ПО ПУНКТАМ МЕНЮ. (doc) Range – объект (выделение) - метод createRange (создание), методы selectNode, selectNodeContents (установка верхней и нижней границ - ДЛЯ 1-ГО УЗЛА – ТЕГА и ЕГО СОДЕРЖИМОГО), методы toString() (копирует ТЕКСТОВОЕ содержимое в переменную) surroundContents (помещает всё содержимое текущего Range-объекта в новый элемент). методы setStartBefore (setEndAfter) (установка верхней и нижней границ - ДЛЯ НЕСКОЛЬКИХ ТЕГОВ, методы deleteContents (УДАЛИТЬ КОНТЕНТ – ЛЮБОЙ!!!), extractContents (ВЫРЕЗАТЬ КОНТЕНТ – ЛЮБОЙ!!! (МОЖНО ПОМЕСТИТЬ В ПЕРЕМЕННУЮ)).методы setStart (setEnd) (БОЛЕЕ «ТОНКАЯ» НАСТРОЙКА - установка верхней и нижней границ ДЛЯ ЧАСТИ (СЛОВА) СОДЕРЖИМОГО ТЕГОВ – ТЕКСТОВЫХ УЗЛОВ).ПОИСК в тексте и ВЫДЕЛЕНИЕ (ОБОРАЧИВАНИЕ) ССЫЛКОЙ (doc)	1. Данная дополнительная строка должна быть добавлена таким образом, чтобы сортировка по столбцу (в данном случае - «Товар») происходила в обычном порядке (визуально + отсутствие ошибок в отладчике), а добавленная строка так и оставалась в конце таблицы 1.1 Подключите рассмотренную на занятии функцию сортировки к шапке столбика «Профессия»: по возрастанию и по убыванию 2. При щелчке (события onclick не прописываются «жестко» в исходном коде html, а «подвешиваются динамически» при загрузке страницы) на ПЕРВОЙ любой ячейке («ПЕРВАЯ КОНТРОЛЬНАЯ ТОЧКА»), она окрашивается, например, в желтый цвет : При щелчке на ВТОРОЙ любой ячейке («ВТОРАЯ КОНТРОЛЬНАЯ ТОЧКА»), она окрашивается, например, в красный цвет. …и через, например, 1 секунду запускается функция, которая удаляет все столбцы между выбранными контрольными точками
17.11.19	1. Форма + отправка 2. Вставить видео только если определенный браузер, переход на другую страницу, открыть новое окно, передать на сервер 3. Две страницы : index.html, page.html, на каждой из них два одинаковых div (c id div1, div2). Click на определенном div (с определенным id) на странице index.html -> с использованием метода location.href переход на страницу page.html с выделением на ней фоновым //цветом div с тем же id. Функция выделения на странице page.html должна быть описана во внешнем файле script.js и вызываться при полной загрузке страницы.(При нажатии на элемент открывается вторая страница и там такой же элемент окрашивается в другой цвет) 4. Необходимо, используя location.href и атрибут name img (при помощи данного элемента оформлены кнопки меню), организовать навигацию (переходы) между страницами таким образом, чтобы при переходе «подсвечивалась» (style.opacity=0.5) соответствующая кнопка меню именно для данной страницы (обратите внимание на url-ы переходов): - Дз прошлое - 1 - сортировка таблицы - Дз прошлое - 2 - сортировка таблицы туда - сюда - Дз прошлое - 3 - удаление квдратиков в таблице - Программирование форм. Программирование текстовых полей (свойство value, метод focus(), события onfocus, onblur, onkeyup). Программирование флажков (свойства ФОРМЫ length и elements, свойства ЛЮБОГО ПОЛЯ type и disabled, свойство ПОЛЯ ТИПА «checkbox» checked, событие onclick). Программирование переключателей (свойство МАССИВА radio[i] length, свойство ЛЮБОГО ПОЛЯ value, свойство ПОЛЯ ТИПА «radio» checked). Программирование списков (свойство МАССИВА options text, свойство ПОЛЯ ТИПА «select» selectedIndex, событие ПОЛЯ ТИПА «select» onchange).Программирование подключения внешнего скрипта - обработчика (свойства ФОРМЫ method, action, target). ПРИМЕР ПРИВЯЗКИ СОРТИРОВКИ (РАНЕЕ РАССМОТРЕННАЯ ФУКЦИЯ sortTable) К ВЫПАДАЮЩЕМУ МЕНЮ.Программирование подключения внешнего скрипта - обработчика (свойства ФОРМЫ method, action, target) (БЕЗ ПОЯВЛЕНИЯ НОВОЙ КНОПКИ – СУЩЕСТВУЮЩАЯ КНОПКА ИЗМЕНЯЕТ ТИП!!!). Отмена стандартной отправки по Enter в полях type="text". (doc) - Объектная модель браузера (BOM). Объект navigator - определение типа и версии браузера (свойство navigator.userAgent). Объект navigator - использование элементов сайта в зависимости от типа браузера (элемент video), подключение «персонального» style.css в зависимости от типа браузера. Объект screen - использование элементов сайта в зависимости от разрешения экрана пользователя (свойство screen.width). Объект location – переходы между ресурсами и передача параметров между ними (свойства location.href, location.search).Объект location – переходы между ресурсами и передача параметров между ними - свойство location.href с проверкой вводимого значения и отправки на обработку без submit. (doc)	1. Программирование форм. В модели checkbox реализуйте алгоритм, дающий возможность выбрать из, например, 5 имеющихся «флажков» любые 3-и (при выборе любых 3-х, оставшиеся невыбранными любые 2-а блокируются) : 2. Исходная ситуация – форма с полем ввода параметра поиска + кнопка, div с текстом для поиска в нем : При вводе поискового параметра – поиск и выделение соответствия на этой странице + появление ранее скрытой гиперссылки :При щелчке на гиперссылку – переход на другую страницу (где также находится некий div с текстом для поиска в нем) и выделение найденного такого же фрагмента текста (если есть) уже на этой странице :Используйте функцию Range-поиска и выделения, рассмотренную на соответствующем занятии.
17.11.22	1. window open, открытие нового окна, добавление туда элементов и обратное взаимодействие 2. Регулярные выражения 1 3. iframe 4. iframe 2 - Прошлое дз 1 - Прошлое дз 2 1. Объект window. Управление окном (открытие (создание) - метод window.open(), фокусирование – метод focus(), задание размера - метод resizeTo(), позиционирование – метод moveTo()) Управление окном (проверка существования и открытия (свойство opener), закрытие (метод close и свойство closed). Управление окном (способы вывода информации в новое окно – ВЫВОД ГОТОВОГО РЕСУРСА (СТРАНИЦЫ, http ИЛИ ЛОКАЛЬНОЙ)).Управление окном (способы вывода информации в новое окно – ВЫВОД html – КОДА). Управление окном (взаимодействие между окнами – доступ из РОДИТЕЛЬСКОГО окна в ДОЧЕРНЕЕ (КОТОРОЕ СОЗДАНО В ЭТОМ ЖЕ КОДЕ МЕТОДОМ document.write) и НАОБОРОТ) Управление окном (взаимодействие между окнами – доступ из РОДИТЕЛЬСКОГО окна в ДОЧЕРНЕЕ (КУДА ЗАГРУЖЕНА УЖЕ ГОТОВАЯ СТРАНИЦА (как вариант – доступ к iframe)) и НАОБОРОТ). Управление окном (доступ к окну по ИМЕНИ). 2. Регулярные выражения. Создание. Методы. Метасимволы – КЛАССЫ символов. Ключи, метасимволы – КЛАССЫ символов. Метод search. Метасимволы – ПОВТОРЕНИЕ символов, ГРУППИРОВКА символов, ПОЗИЦИОНИРОВАНИЕ символов. экранирование метасимволов, если они используются в качестве литералов. Метасимволы ПОВТОРЕНИЙ, ГРУППИРОВКИ. ПОЗИЦИОНИРОВАНИЯ. экранирование метасимволов, если они используются в качестве литералов. Метод test. Метасимвол - УСЛОВНАЯ конструкция.	1. При щелчке на конкретную строку ровно посредине экрана (для любого разрешения) открывается окно размером, например, 400px на 400px, в которое помещается контент этой строки в таком виде и оформлении, как показано на рисунке. Т.к. сейчас при щелчке на каждой следующей строке (и, соответственно, открытии нового окна с контентом) происходит «накопление» вкладок этих ранее открытых окон (можете наблюдать в нижней панели браузера). дополните алгоритм кодом, при котором такого «накопления» бы не происходило (т.е. – например, каждое предыдущее окно закрывалось при click за его пределами на любом месте основной («родительской») страницы) 2. Используя метасимволы КЛАССЫ, ПОВТОРЕНИЯ, ПОЗИЦИОНИРОВАНИЯ, ГРУППИРОВКИ и ЭКРАНИРОВАНИЯ, а также необходимые КЛЮЧИ составьте регулярное выражение для контроля ввода пользователем e-mail в соответствии с следующими правилами : -логин и имя почтового сервиса разделены символом «@»; -логин может быть «ЦЕЛЬНЫМ» (содержит только буквы латинского алфавита, цифры и знак нижнего подчеркивания («_»)) (пример: alexivanov_92); -логин может быть «НЕ ЦЕЛЬНЫМ» (тогда, первая часть логина может содержать только буквы латинского алфавита, цифры и знак нижнего подчеркивания («_»), затем символ точки («.»), вторая часть логина также может содержать только буквы латинского алфавита, цифры и знак нижнего подчеркивания («_»))(пример: alex.ivanov_92), третья часть …; -имя почтового сервиса должно состоять МИНИМУМ из двух частей, разделенных символом точки («.»), и каждая из этих частей может содержать только буквы латинского алфавита, цифры и знак нижнего подчеркивания («_») (пример: ukr.net); -ПРИ ЭТОМ, предусмотрите условие, что имя почтового сервиса МОЖЕТ состоять и из, например, 3-Х И БОЛЕЕ частей (возможно для ПОДДОМЕНОВ), разделенных символом точки («.») (пример: otdel.yoursite.ua); -предусмотрите РЕГИСТРОНЕЗАВИСИМОСТЬ + ПОЗИЦИОНИРОВАНИЕ. При помощи рассмотренного на занятии метода test проверьте правильность вводимого в поле формы e-mail. 3. Используя регулярные выражения, напишите js-аналог php-функции trim (удаление «начальных» и «конечных» пробелов в строке, которая должна передаваться в эту функцию в виде параметра),
17.11.26	Применение регулярных выражений. Замена подстроки: метод replace(). Спецсимвол ГРУППЫ «()» (БЕЗ ЭКРАНИРОВАНИЯ). Символ $номер_группы - доступ к группе в методе replace.Получение массива соответствий: метод match(). Разбиение строки на массив по разделителю: метод split().Использование объекта RegExp (создание тела регулярного выражения "НА ЛЕТУ" – поиск по ключевым словам на странице сайта).(doc) Файлы предпочтений: cookies. Создание (вид строки, запрещенные символы (метод escape()), установка даты (срока существования)).Стандартная функция создания cookie и задания их атрибутов.Применение стандартной функции создания cookie для запоминания login и email пользователя. Изменение значения и удаление cookie.Получение cookie (всех). Стандартная функция, извлекающую значение cookie по его имени.Проверка включения поддержки cookie.Алгоритм, извлекающий значение cookie по его имени так, чтобы при первом входе на страницу запрашивался логин и email, а при дальнейших визитах вход происходил автоматически и появлялось соответствующее приветствие.(doc) Прошлое дз - 1 Прошлое дз - 2 Прошлое дз - 3	1. В предоставленный код (сверху таблицы) добавьте форму с поисковым полем и кнопкой (+ элемент span-ошибка) Необходимо при onclick на кнопке + onkeypress при Enter на поисковом поле (в т.ч. – отмена стандартного события на данном поле), используя регулярные выражения, провести клиентскую валидацию введенного пользователем значения (для данного этапа – допускаются только: латиница, кириллица, цифры и символ нижнего подчеркивания).…при удачной валидации введенного в поисковое поле формы текста, используя регулярные выражения, реализуйте алгоритм поиска и выделения его совпадения с текстом во всех столбцах 2. Реализуйте алгоритм, при котором бы при onclick на любом div на первой странице тот же самый div на второй странице (с интервалом-задержкой, например в 1 сек.) приобретает background-color:red, а оставшийся приобретает начальный background-color:gold 2. 2я стр. 2. Вариант учителя, более универсальный 2. 2я стр. Вариант учителя, более универсальный
JS + jQuery
17.11.29	1. JQ селекторы 2. link1 - html, link2 - after, link3 - remove, link4 - attr, link5 - wrap, link6 - class, link7 - parentNode analog - parent, link8 - children 3. Селекторы, замена перебора 4. События, переделанные старые location.href 5. События, меню выпадающее 6. События,переделано выбор цвета 1. Прошлое дз - 1 (хороший вариант, поиск в таблице текста) 2. Прошлое дз - 2.1 (куки) 3. Прошлое дз - 2.2 (куки) 1. Библиотека jQuery. Подключение, Общий синтаксис.Селектора. function – предотвращение преждевременного выполнения кода. Обработчики событий. Цепочки команд.Пример упрощения кода jQuery по сравнению с JavaScript (доступ к элементам, события, цепочки команд).DOM – методы html, prepend, append (before, after) (вставка узлов), метод remove (удаление узлов).DOM – метод attr (считать/изменить атрибуты). (doc) 2. Библиотека jQuery. DOM – метод wrap («оборачивание» элемента новыми тегами). CSS – методы css (стили), addClass (добавить класс, НЕ УДАЛЯЯ/ЗАМЕНЯЯ ПРЕДЫДУЩИЙ), removeClass (удаляет класс, ТОЛЬКО УКАЗАННЫЙ).Эффекты – методы fadeOut, fadeIn (постепенное скрытие/появление).Эффекты – методы slideUp, slideDown (плавное изменение высоты).Эффекты – использование методов slideUp, slideDown для создания выпадающего меню. Эффекты – метод animate (создание анимации посредством плавного изменения стилей).(doc)	1. Домашнее задание. Урок №17-1_1: Библиотека jQuery : селектора. function, обработчики событий, методы css. Используя js - код открытия спойлеров при наведении (файл html.html), перепишите его, только используя jq. 2. Все js-события замените на jq-эквиваленты.Перепишите код блока формирования контента таблицы из строки, не используя js-методы(свойства) document.getElementById, document.createElement, innerHTML, appendChild, заменив все их на один jq-метод append.Перепишите код блока формирования контента таблицы из строки, не используя js-методы(свойства) document.getElementById, document.createElement, innerHTML, appendChild, заменив все их на один jq-метод html.
17.12.03	1. ООП - классы, прототипы, pattern model (with return) 2. Боковое меню переделано на ООП + JQ 3. Перебор ссылок правильный 4. Выбор мест в кино на чистом JS - часть 1 5. Выбор мест в кино на чистом JS - вариант учителя для дз События,переделано выбор цвета 1. Прошлое дз - 1 - выпадающее меню JQ 2. Прошлое дз - 2.1 - JQ append 2. Прошлое дз - 2.1 - JQ html	1. Выбор мест в кино на JS – алгоритм Cinema-challenge (генерация зрительских посадочных мест в кинотеатрах (концертных залах, стадионах…) + автоматизация их выбора («простого - по порядку следования» или «случайного»)). Разделение radio-выбора + валидация на «не число» и «пустоту» (элемент «ошибки» - span id="not_number") Create-функция в tbody id="tbody" - формирование посадочных мест, например, с использованием элементов. Select-функция – если свободных мест достаточно, выделить их . td, tr (на данном этапе – в одну строку).…если их не достаточно (изначально или после предыдущего «достаточного» выбора) – открытие «ошибки» span id="not_enough".Возможность использование Math.random для «случайного» выбора мест.При создании мест они выстаивались бы не в одну строку… а были бы «разделены» на «десятки» 2. Выбор мест в кино JQ - -все js-метод …style…, setAttribute(getAttribute) на необходимые jq-методы; -конструкцию :var el_tbody=document.getElementById("tbody");while(el_tbody.childNodes.length) {el_tbody.removeChild(el_tbody.childNodes[0]);} на необходимый(мые) jq-метод(ы);-конструкцию :el_tr.innerHTML=el_td; el_tbody.appendChild(el_tr); el_tr=document.createElement("tr");на необходимый(мые) jq-метод(ы) 3. Выбор мест в кино ООП - Весь js-код оформите в виде ооп-кода (объект, свойства-переменные, методы-функции).В имеющуюся форму (name="form_seats") добавьте первым элементом :form name="form_seats" select name="select_little_big" option value="10">little option value="20" big option select … и дополните имеющийся алгоритм (ооп-код) таким образом, чтобы :-при выборе в выпадающем меню пункта big – введенное для создания количество мест разбивалось на 20-ки-при выборе в выпадающем меню пункта little (оно же – по умолчанию) – введенное для создания количество мест разбивалось на 10-ки 3. От учителя после проверки - Небольшие правки
PHP
17.12.06	1. PHP - 1 1. Прошлое дз - 1 - кинотеатр 1. Упрощенная схема взаимодействия "клиент-сервер". УСТАНОВКА И КОНФИГУРИРОВАНИЕ «ДЕНВЕР». PHP - Общий синтаксис (сравнение с js).Операторы (сравнение с js). Встраивание php – кода в html – код, встраивание html - кода и js – кода в php – код.ВСТРАИВАНИЕ КОНСТРУЦИИ js В ВИДЕ script…/script В php. ПЕРЕДАЧА ПЕРЕМЕННОЙ ИЗ php В js (НО js ВСТРОЕННЫЙ В php).Встраивание php – кода в js – код, ПЕРЕДАЧА ПЕРЕМЕННЫХ ИЗ php В js. ПЕРЕДАЧА ПЕРЕМЕННЫХ js (html) В php. Ветвления, циклы (сравнение с js). (doc) 2. Строки. Группа ПРЕОБРАЗОВАНИЙ в строке.Массивы. (doc)	1. синтаксис php, html и js встроенные в php передача значений переменных из php в js, передача значений переменных из js в php, ветвления, циклы 2. Создайте скрипт PHP, реализующий следующий алгоритм – при загрузке страницы вы должны получить заполненную таблицу со значениями из начальной строки 'ACER\|ES1\|5500\|\|LENOVO\|G50\|5300\|\|HP\|G3\|5100' в виде трех строк и трех столбцов:(используйте explode, foreach, echo scripe /script + в данном задании (в отличие от последующего) встраивайте js-скрипты вывода данных в DOM прямо в те же блоки кода, где получаете (explode) и перебираете (foreach) массивы данных, полученных из исходной строки)
17.12.10	1. PHP - 1 2. PHP - 2 2. PHP - 3 1. Last homework - 1 2. Last homework - 2 1. Многомерные массивы.Некоторые функции для работы с массивами.(doc)	1. - формирование двумерного массива из исходной строки; -вывод в DOM в таком же виде, как это было в первом дз, но уже используя ранее сформированный двумерный массив. Используя необходимую функцию, дополните алгоритм таким образом, чтобы данные в DOM были выведены отсортированными по возрастанию цены
17.12.13	1. PHP - 1 2. PHP - 2 3. PHP - 3 4. PHP - 4 1. Last homework - 1 1. Работа с массивами в php (продолжение).ПОИСК ЭЛЕМЕНТОВ В МАССИВЕ. ПОЛУЧИТЬ ИЛИ ИЗМЕНИТЬ.УДАЛЕНИЕ И ПЕРЕИНДЕКСАЦИЯ.ВСТАВКА ЭЛЕМЕНТА В ПРОИЗВОЛЬНОЕ МЕСТО МАССИВА - array_splice, ПО ИНДЕКСАМ (doc) 1. Встроенные php – функции - математические функции. Функции работы с датой и временем. Функции работы с переменными. Суперглобальные переменные. ЗАГРУЗКА ФАЙЛОВ КЛИЕНТА НА СЕРВЕР. Cookie в php.(doc)	1. - выделите гиперссылкой и цветом текста "red" соответствующий элемент, содержащий значение 'LENOVO' (т.е., условно – ячейка таблицы) + остальные элементы именно данной строки выделите цветом текста "blue", соответствующую строку (выделенную) таблицы переместите в начало таблицы 2. - Начальная загрузка страницы (присутствует форма загрузки изображений) + шапка таблицы дополнена столбцами «Вид» и «Дата». При выборе и записи произвольного количества изображений (одно, два или все три, сами изображения могут находиться в произвольном каталоге) они должны записываться в каталог вашего сайта и «приклепляться» к соответствующим записям таблицы (+ дата/время в формате d-m-Y H:i:s)
17.12.17	1. PHP - 1 2.1 PHP - 2 2.3 PHP - 3 3. PHP - 4 - pass check 4. PHP - 5 - $_POST 1. Last homework - 1 2. Last homework - 2 1. Пользовательские функции. 1.ПЕРЕДАЧА ПАРАМЕТРА ПО ССЫЛКЕ (&) 2.ОБЛАСТЬ ВИДИМОСТИ (global, $GLOBALS[])3.СОХРАНИЕНИЕ ЗНАЧЕНИЯ ЛОКАЛЬНОЙ ПЕРЕМЕННОЙ (static)4.ПАРАМЕТР «ПО УМОЛЧАНИЮ»(doc)5.ПЕРЕМЕННОЕ ЧИСЛО ПАРАМЕТРОВ 6.ПЕРЕМЕННАЯ С ИМЕНЕМ ФУНКЦИИ. include_once - создание библиотек функций в php и подключение кода из внешнего файла. (doc) 1. include_once (продолжение 1) – подключения по переданному POST – параметру (выбор (if). Основы работы с массивом $_POST. Использование конструкции SWITCH – CASE-DEFAULT для раздельного подключения. (doc)	1. Cоздать и собрать разделено – подключаемую систему php-кода на основе include_once (require_once) и разнесении отдельных блоков кода по разным файлам. результирующий вывод в DOM заключите в некую функцию tableDOM. Далее, в скрипт index.php вставьте код создания cookie (на один сеанс, с произвольными name и value), а также создайте файл header1.php (пустой элемент div с неким id) и реализуйте алгоритм, который бы, если данный cookie не существует (первая загрузка), выводил данные из строки в виде списка. …если существует – в виде таблицы 2.Необходимо создать систему поиска и обработки информации в имеющемся входном массиве данных (та же строковая переменная $data='ACER\|ES1\|5500\|\|LENOVO\|G50\|5300\|\|HP\|G3\|5100'; из файла array.php), но не на основе заранее зарезервированного значения марки товара $search='LENOVO' из того же файла, а на основе любого введенного (т.е. – заранее не известного) пользователем произвольного значения.
17.12.20	1. PHP - $_POST 2 PHP - $_GET 3 PHP - $_GET 4. PHP - $_GET vovas variant 1. Last homework - 1 2. Last homework - 2 1. Урок № 7. include_once (продолжение 2) – подключения по переданному POST – параметру по переменной, использование переменной-функции. Основы работы с массивом $_GET для блочной верстки сайта.Изменение дерева DOM при GET-include_once.GET_include-«ИНЪЕКЦИИ».Пример блочной верстки сайта с применением include_once и массива $_GET.(doc)	1. Необходимо сверстать каркас сайта по приведенному ниже трафарету. При нажатии на кнопку «Загрузка изображений» в блоке основного контента сверху таблицы должна появляться только форма выбора и загрузки изображений. При нажатии на кнопку «Поиск товара» в блоке основного контента сверху таблицы должна появляться только форма поиска товара по марке.Дополните алгоритм таким образом, чтобы, используя массив $_GET, при выборе определенной кнопки меню, она выделялась (цветом шрифта, цветом фона…), а вторая приобретала исходные стили.Дополните алгоритм таким образом, чтобы, используя анализ содержимого массива $_FILES при записи изображений, слева (в блоке slider) шел перебор только тех изображений, которые были приклеплены к соответствующим записям справа (в блоке content).
17.12.24	1. PHP - 1 - POST GET AJAX 2 PHP - 2 - верстка + POST + AJAX 3 PHP - 3 + $_GET + PLUGIN + JQuery 4. PHP - 4 (2+) 1. Last homework - 1 1. AJAX – асинхронный обмен информацией между страницами (ОСНОВА web 2.0) (часть 1-я). МЕТОД POST Особенности применения ajax на примере POST - передачи параметра (передача параметра, формирование и прием результата). (doc) 2.(часть 2-я). МЕТОД GET (И ЕГО ОТЛИЧИЯ). Создание AJAX запросов с помощью jQuery. Плагин AJAX запросов.Ajax – возврат ИСПОЛНЯЕМОГО js-кода (в виде строки или отдельного файла).(doc)	1. AJAX - Алгоритм должен быть реализован таким образом, чтобы, при использовании асинхронного обмена данными (ajax) перезагрузка основной страницы не происходит, и, соответственно, не очищается поисковое поле. при нажатии на кнопки «Загрузка изображений» или «Поиск товара» основная страница не перегружалась при нажатии данных кнопок.+++ 2. Вариант учителя изменения цвета кнопок 1 3. Вариант учителя изменения цвета кнопок 2
17.12.27	1. PHP - 1 - AJAX + invisible frame 2 PHP - 2 - OOP 1. Last homework - 1 1. AJAX – асинхронный обмен информацией между страницами (ОСНОВА web 2.0) (часть 3-я). Ajax – передача файлов (ИММИТАЦИЯ ЧЕРЕЗ «НЕВИДИМЫЙ» ФРЕЙМ). (doc) 2.Основы ООП (часть 1) (общий синтаксис (КЛАСС, ОБЪЕКТ, СВОЙСТВО, МЕТОД, НАСЛЕДОВАНИЕ).ПЕРЕХОД ОТ ПРОЦЕДУРНОЙ МОДЕЛИ К ОО-МОДЕЛИ.ПОДКЛЮЧЕНИЕ БЛОКОВ АЛГОРИТМОВ. (doc)	1. передача файлов (ajax-имитация через «невидимый» фрейм) 2. ООП - Изменить процедурный стиль php-скрипта-обработчика function.php на объектно-ориентированный. Применить принцип наследования для вывода в DOM. -при начальной загрузке страницы фоновый цвет таблицы – исходный, -при поиске фоновый цвет таблицы – khaki, -при загрузке изображений фоновый цвет таблицы – lightgreen 3. ООП - from teacher 4. ООП - from teacher - mnc example 5. ООП - from teacher - one more 6. ООП - from teacher - one more 1 6. ООП - from teacher - one more 2
18.01.03	1. PHP - OOP 2. PHP - OOP + abstract + interface 3. PHP - session 4. PHP - polimorfizm 5. PHP - namespace 6. PHP - session without cookie 1. Last homework - 1 2. Last homework - 2 1. Основы ООП (часть 2) (НАСЛЕДОВАНИЕ(ПРОДОЛЖЕНИЕ), СТАТИЧЕСКИЕ ПЕРЕМЕННЫЕ(МЕТОДЫ), КОНСТРУКТОР(ДЕСТРУКТОР), ИНКАПСУЛЯЦИЯ, ПОЛИМОРФИЗМ). (doc) 2.Сессии в php. (doc) 3.Абстрактные классы. Интерфейсы. (doc)	1. Применить принцип наследования в ООП для организации поиска не только по марке (как было до сих пор), но и по модели товара, добавив соответствующую кнопку «Найти модель» в поисковую форму (при этом, должен быть использован один и тот же соответствующий метод базового класса). Примените принцип использования статических переменных в ООП. Определите абстрактный класс Table, в котором задайте : -метод Massiv() – abstract; -метод Algoritm0() – с реализацией; -метод Algoritm1() – abstract; -метод Dom() – abstract. class Table_mass сделайте производным от класса Table, закомментируйте метод Algoritm0() в class Table_mass и откорректируйте алгоритм таким образом, чтобы он работал, как и после реализации предыдущего пункта. 2. Необходимо, на основе механизма сессии, реализовать алгоритм использования загруженных на сервер изображений для их сопоставления определенной строке «марка-модель-цена» при реализации поиска (т.е. – при ajax-перезагрузке страницы в пределах одного сеанса, т.е. – до закрытия браузера (ранее они пропадали при их загрузке и последующем поиске)).
18.01.10	1. PHP 1. Last homework - 1 - OOP 2. Last homework - 2 - SESSION 1.Работа с файловой системой в php (doc) 2.Теория реляционных баз данных (РБД).MySQL – администрирование (doc) 2.Язык SQL (DML - часть 1). (doc)	1. На основе механизма работы с файловой системой (каталоги и имена файлов), реализовать алгоритм использования записей таблицы с их изображениями (в случае записи последних) не только при самой записи, но и при любом другом варианте работы алгоритма («первая» загрузка страницы или поиск) + удаление какого-то конкретного изображения по выбору (аналог опции «Удалить фотографию»). Кроме того, далее необходимо реализовать алгоритм, который бы позволял удалять все изображения (аналог опции «Удалить альбом») (например, соответствующая гиперссылка в заголовке столбца «Вид» шапки таблицы) 2. Язык SQL (DML - часть 1).
18.01.14	1. Last homework - 1 2. Last homework - 2 1.Язык SQL (DML - часть 1а). (doc) 2.Язык SQL (DML - часть 2, DDL). (doc) 3.Взаимодействие РНР с MySQL. Библиотека mysqli. (doc)	1. MySQL - 1 2. MySQL - 2 3. MySQL - 3 4. MySQL - 4
18.01.17	1. PHP 1. Last homework - 1 2. Last homework - 2 3. Last homework - 3 4. Last homework - 4	1. в необходимые файлы скриптов добавить php+sql код (в т.ч. js-код для ajax), реализующий алгоритм добавки нового клиента-user-а. подключите новый предоставленный view (при выборе в меню слева пункта «Клиенты») реализуйте начальный вывод всех user-ров (также при выборе в меню слева пункта «Клиенты»).реализуйте insert нового user-а.реализуйте update выбранного user-а.реализуйте delete выбранного user-а
18.01.21	1. PHP 1. Мягкий инклуд 2. Жёсткий инклуд 3. Противодействие изменением размера 1. Last homework - 1	1. Исправление ошибки поиска при выборе «Все--» в select-поисковом поле «Товар» + любого поискового значения в любом другом поле, Исправление ошибки сортировки при начальной загрузке или выборе пункта меню «Поиск» (слева).…затем провести сортировку (т.е. – по общему исходному (не поисковому) набору данных), то отображается прошлый поисковый набор данныхюПо аналогии с select-поисковым полем «Товар» сделайте select-поисковое поле «Клиент» (поиск по id, а не like-поиск по name + отсутствие ошибки «Все--»В недостающих местах кода по аналогии с case-ами по товару (рассмотрено на занятии) предусмотрите безопасность для исключения возможных sql-инъекций.
18.01.25	1. PHP - работа с базой данных и фото +++ 1. Last homework - 1	1. Измените алгоритм примера выбора и записи изображений, рассмотренный на занятии, таким образом, чтобы данный код был написан с учетом принципа MVC. А именно : -специальный дополнительный метод в модели, обрабатывающий все возможные варианты из case-ов контроллера; -в контроллере, не сам (непосредственно) код обработки выбора и записи изображения, а вызов специального дополнительного метода модели (из предыдущего пункта) с передачей ему необходимых параметров, определяющих варианты обработки и начальные данные.2. Задание – в необходимые файлы скриптов добавить php+sql код (в т.ч. js-код для ajax), реализующий алгоритм добавки новой покупки.
18.01.28	1. Mail() + check robots and sitemap + regexp 1. Api yandex translate 1. Last homework - 1	1. Измените алгоритм примера мультиязычности БД системы, рассмотренный на занятии, таким образом, чтобы данный код был написан с учетом принципа MVC. А именно : -анализ события выбора языка – в контроллере, а не в модели; -специальный дополнительный метод в модели, делающий перевод массива из БД (а не в методе DB_dom_tag). 2. Используя предоставленный начальный код + api перевода на домене http://translate.25one.com.ua (рассмотренного на занятии), разработайте ajax-систему перевода введенного слова (фразы) 2. Вариант учителя
CMS + SEO + подготовка к экзамену
18.02.04	WP начальные настройки (doc)
18.02.07	ИНСТРУКЦИЯ ПО ЭКСПЛУАТАЦИИ WORDPRESS (+ админка + структура бд) (doc)
18.02.11	Структура WordPress (темы) (doc)
18.02.16	Создание простой Wordpress темы(ДЗ) (doc) Материалы
18.02.18	ТЗ шаблон (doc) ТЗ №2 (doc) ТЗ_пример(из интернета) (doc) BTI (doc) BTI (doc) Бачення проекту (doc) ТЗ - ГОСТ 19.201-78 (doc)
18.02.21	WP - добавление меню и слайдера (doc) WP - Elementor (doc) Материалы
18.03.04	Договор(шаблон) (doc) Бриф лист на разработку сайта(шаблон) (doc)
18.03.07	Внедрение микроразметки Schema.org на WordPress (doc)	Внедрение микроразметки Schema.org (doc)
18.03.11	Online сервисы проверки Web + homework (doc)
18.03.14	Рубрики в WordPress (doc)
18.03.18	Техническое задание на разработку Чата (doc) Видение проекта (doc) Maximum Games.pptx (doc) Выпускная работа.pptx (doc) Выпускная работа. Интернет магазин (doc) Выпускная работа. (doc)
18.03.21	GIT + SourceTree (doc)
18.03.25	Электронная коммерция в системе WordPress - WooCommerce (doc)
18.03.28	Joomla! (doc) Админ панель Joomla 3 - вход в админку и базовые настройки (link)
18.04.01	NodeJS
18.04.09	Работа с меню.Восстановление доступа к Joomla (doc)
18.04.11	Создание и публикация материала в Joomla (doc) Создание шаблона Joomla (doc)
18.04.18	Краткое руководство OpenCart.pdf (doc) OAuth 2.0 (doc) OpenCart (doc)
18.04.19	Модули OpenCart (doc) Создание дочерней темы OpenCart (doc) Materials
18.04.22	Поисковая оптимизация (doc)
UNIX
18.03.25	Теория по php. (doc) Linux - Введение. История. Основные файлы и папки Unix. (pdf)
18.04.01	Linux - Процессы (pdf)
18.04.09	Linux - Права доступа к файлам и директориям (pdf)
18.04.15	Linux - Полезные утилиты (pdf)

The end

8. Вёрстка сайта

7. Вёрстка сайта

7. Калькулятор окон

6. Места в кинотеатре

5. Адаптивная верстка

4. Верстка страницы сайта

3. Верстка страницы сайта

2. Верстка страницы сайта

1. Дизайн сайта

HTMl & CSS

Java Script

Java Script New teacher

JS + jQuery

PHP

CMS + SEO + подготовка к экзамену

UNIX

5.1 Главная страница

5.2 Вторая страница

6.1 Чистый Java Script

6.2 jQuery

3.3 jQuery + ООП