 
				| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ | 
|---|---|---|---|---|---|
| 1 |  Знакомство | без видео | |||
| На этом уроке мы познакомимся. Меня зовут Волосатов Евгений Витольдович или «Игромистр». А как зовут тебя? Открой блокнот, напиши там своё имя, фамилию и коротко о себе. Затем сделай скриншот и прикрепи к отчёту за этот урок. Отчёт отправил: 8275. Tekashnik Выполнено за 13 мин. [Показать отчёт] Научился: С пользой проводить 13 минут, хотя это спорный вопрос Сложности: Решиться на этот ответственный шаг Комментарии: А Зачем это?? флешмоб? | |||||
| 2 | Каким будет мой сайт | без видео | |||
| На какую тему ты хочешь создать сайт? Что будет на этом сайте? Для кого будет этот сайт? Ответь на вопросы и нарисуй схему первой страницы своего сайта. Отчёт отправил: 8275. Tekashnik Выполнено за 34 мин. [Показать отчёт] Научился: Разрабатывать сайт Сложности: Ну разарабатывать идеологию сайта Комментарии: В первую очередь хочу сделать для себя, а там посмотрим. У меня есть маленький сын, и мы ему включаем мультики, аудиосказки, и всё время это надо гдето искать, вот хочу создать сайт который это будет всё агрегировать. Возможно ещё у каких то молодых родителей тоже есть в этом потребность | |||||
| 3 | Второй подход к эскизу | без видео | |||
| Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит. Для этого нужно его нарисовать несколько раз. Сделай ещё ДЕВЯТЬ рисунков своего сайта. Каждую новую схему рисуй не подглядывая в предыдущие. Для отчёта за этот урок нужно приложить фотографию девяти рисунков своего сайта. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 34 мин. [Показать отчёт] Научился: Рисовать макет сайта Сложности: Рисовать макет сайта Комментарии: Рисовать сайт не легко) особенно если не знаешь что там должно быть | |||||
| 4 |  Простейшая HTML страница | 2 теста | |||
| На этом уроке мы создадим простейший HTML документ. И сделаем это несколько раз подряд, чтобы исключить любые сложности при выполнении этого базового действия. Отчёт отправил: 8275. Tekashnik Выполнено за 32 мин. [Показать отчёт] Научился: "Создавать" сайты Сложности: Делать кучу попыток Комментарии: Ай лайк ту мув ит мув ит Мой лучший результат 2:03 | |||||
| 5 |  Термины сайтостроения |  | |||
| На этом уроке мы познакомимся со следующими терминами: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. На видео я даю простые, понятные, но не очень точные определения каждого термина. Более точные определения доступны в презентации: На русском языке | На литовском языке Отчёт отправил: 8275. Tekashnik Выполнено за 20 мин. [Показать отчёт] Научился: MySQL - база данных для хранения упорядоченных массивов информации, в которой таблицы связаны ключевыми полями (ключами). Работа с такой базой осуществляется с помощию языка Translit-SQL JavaScript - скрипторой язык програмирования, которвый изменяет визуальное отоброжение страницы в браузере без непосредственной перезагрузки страницы. Относится в FrontEnd программированию. Сложности: Сложным ничего не было, я знаком с этими терминами достаточно хорошо. Комментарии: Хочу больше бесплатных курсов и заданий ;) | |||||
| 6 |  Контрольная работа | без видео 2 теста | |||
| Проверим, как вы поняли значение терминов, которые мы рассмотрели на прошлом уроке. 1. Бросьте кубик, чтобы выбрать число от 1 до 4 (если выпало 5 или 6 - перебросьте). 2. Напишите, какой вариант вам выпал. 3. Сформулируйте своими словами значение каждого из 4 терминов выбранного варианта. 4. Выберите ещё один термин из других вариантов, по желанию и опишите его назначение тоже. За каждое определение вы получите от 0 до 2 баллов, максимум - 10 баллов. Отчёт отправил: 8275. Tekashnik Выполнено за 3 час. 36 мин. [Показать отчёт] Научился: HTML - язык гипертекстовой разметки CSS - Таблицы каскадных стилей JavaScript - язык програмирования для Фронтэнд разработки, а сейчас и для Бэкэнда PHP - язык програмирования для работы на web серверах WWW - глобальная компьютерная сеть, интернет | |||||
| 7 | Красивые стихи | без видео | |||
| На этом уроке мы создадим страницу с красиво оформленным стихотворением. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 12 мин. [Показать отчёт] Научился: Немного верстать тест на html странице Сложности: Выдержать какуюто концепцию Комментарии: Хороший урок, основы html. Надеюсь вам понравится моё произведение, а этот монолог я когда то знал наизусть) | |||||
| 8 |  1. Расписание уроков | без видео 2 теста | |||
| На этом уроке мы познакомимся с тегом TABLE для организации таблиц. Самостоятельное задание - создать таблицу с расписанием своих уроков. Для создания страницы рекомендую использовать Online HTML Editor Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 25 мин. [Показать отчёт] Научился: Работать с параметрами таблицы в html Сложности: Сделать красиво Комментарии: Не знаю получилось или нет, но я старался. Строго не судите | |||||
| 9 |  2. Таблица умножения | без видео 2 теста | |||
| На этом уроке мы понакомимся с таблицами. Нужно создать 10 таблиц умножения, начиная от размера 1х1, заканчивая 10х10. Необходимо сделать скриншот каждой таблицы, чтобы потом можно было создать анимированный gif. Разместить на экране все таблицы и сделать скриншот. * Если умеешь программировать - напиши программу, * которая создаст таблицу умножения размером NxN. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 21 мин. [Показать отчёт] Научился: Вылодить таблицы умножение с помощью php Сложности: Разместить все таблицы так чтобы влезли на экран Комментарии: Хороший урок, подтягиваем css, php, html | |||||
| 10 |  3. Вкусная таблица | без видео 1 тест | |||
| Сделать таблицу с ресторанным меню. Для каждого наименования вывести: №, фото, название, цену, форму для количества. Отчёт отправил: 8275. Tekashnik Выполнено за 43 мин. [Показать отчёт] Научился: Верстать таблички Сложности: Придумать, что было самым сложным Комментарии: Дело было вечером, делать было нечего)) | |||||
| 11 |  4. Валидатор | без видео | |||
| Проверить HTML файл с ресторанным меню на корректность, используя валидатор: https://html5.validator.nu/. Исправить все возможные ошибки. Написать в отчёте, какая ошибка была самой сложной. Отчёт отправил: 8275. Tekashnik Выполнено за 17 мин. [Показать отчёт] Научился: Узнал о валидаторе Сложности: Придумать, что было самым сложным Комментарии: Сругнулся на то что не было <!DOCTYPE html> | |||||
| 12 |  5. Морской бой | без видео | |||
| На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники. Отчёт отправил: 8275. Tekashnik Выполнено за 29 мин. [Показать отчёт] Научился: Раскрашивать Эксел Сложности: Придумать зачем это нужно Комментарии: Старый добрый эксел) | |||||
| 13 |  6. Стильные Буквы | без видео | |||
| На этом уроке мы нарисуем большие буквы из кубиков. Для этого нам потребуется таблица, стили, классы. Удобный онлайн HTML редактор Отчёт отправил: 8275. Tekashnik Выполнено за 36 мин. [Показать отчёт] Научился: Делать из таблицы ЖК эран с загорающимися пикселами Сложности: Придумать, что было самым сложным Комментарии: Попрактикавался с редактором Brakets | |||||
| 14 |  7. Союз столбцов и строк | без видео 2 теста | |||
| На этом уроке необходимо создать таблицу 7х7 с объединёнными ячейками на основе любых двух квадратов из задания «Морской Бой». Приложить скриншот HTML-кода и результата для каждого из выбранных квадратов. Используйте онлайн HTML редактор Отчёт отправил: 8275. Tekashnik Выполнено за 38 мин. [Показать отчёт] Научился: Использовать атрибуты rowspan, colspan Сложности: Придумать, что было самым сложным Комментарии: Brackets продолжает меня радовать своими фишечками)) | |||||
| 15 |  8. Табличный аттестат | без видео | |||
| Используя HTML таблицы создать Аттестат успеваемости по указанному примеру. В аттестат впишите СВОИ данные. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 12 мин. [Показать отчёт] Научился: Делать и оформлять табличку Сложности: Придумать, что было самым сложным Комментарии: Всё больше познаю Brackets с его потаёнными функциями) | |||||
| 16 | 5. Kurortavimas | без видео 1 тест | |||
| Кто любит путешествовать? На этом уроке необходимо создать форму туроператора для курортной заявки. Нужно придумать и оформить форму, как полагается. Обязательно использовать следующие теги: form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 32 мин. [Показать отчёт] Научился: Делать красивую форму Сложности: Сделать всё красиво) Комментарии: Познаём понемного Html | |||||
| 17 | 6. Raidės iš Varneliu | без видео | |||
| Сформировать таблицу 7х15. В каждой ячейке разместить "checkbox" - галочку. Сделать так, чтобы из галочек были составлены ваши инициалы. Suformuoti 7x15 lentelė. Kiekviename lauke patalpinti „checkbox“ - varnelė. Padaryti taip, kad iš varnelių butų susidėtas jūsų inicialai. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 23 мин. [Показать отчёт] Научился: Делать чекбоксы Сложности: Найти время Комментарии: Продолжаем мучить Brackets | |||||
| 18 |  7. Tinklalapio kūrimo etapai | без видео 1 тест | |||
| 1.	Paruošti nuotraukas. 2. Sukūrti HTML maketą. 3. Užtikrinti HTML validavimą. 4. Pakrauti failą į serverį per FTP Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 38 мин. [Показать отчёт] Научился: Переводить с литовского) Сложности: Найти время в воскресенье Комментарии: Залил задание в инет если кому интересно: http://tinklavimas.tekashnik.ru/ А вот валидация: https://html5.validator.nu/?doc=http%3A%2F%2Ftinklavimas.tekashnik.ru%2Ftable2x2.html | |||||
| 19 | 8. Landing page | без видео | |||
| Создать простую посадочную страницу, на которой должно быть: 1. Таблица из 2 столбцов и 1 строки. 2. В первом столбце разместить: заголовок и рекламный текст. 3. Во втором столбце разместить: Картинку, форму для отправки данных с кнопкой. Обеспечить валидацию HTML-документа. Загрузить фотографию и HTML на сервер через FTP. Приложить к работе URL-ссылку на вашу страницу. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 23 мин. [Показать отчёт] Научился: Создавать простенькую лендинг страничку Сложности: Найти время и сделать страницу красивой Комментарии: Дизайнер из меня ещё тот)) | |||||
| 20 |  1. Запуск JavaScript | без видео 1 тест | |||
| На этом уроке мы познакомимся со скриптовым языком JavaScript. Необходимо написать три очень маленькие программки. 1. Выводит в окно браузера сообщение. 2. Выводит всплывающее окно с сообщением. 3. Проверка заполненной формы. Отчёт отправил: 8275. Tekashnik Выполнено за 15 мин. [Показать отчёт] Научился: Убивать 15 минут Сложности: понять, зачем это надо Комментарии: это я балуюсь | |||||
| 21 |  2. Ввод данных | без видео 1 тест | |||
| Смысл программирования в обработке данных. В любом языке программирования есть возможность ввода исходных данных. На JavaScript также есть несколько вариантов получения информации от пользователя. На этом уроке мы рассмотрим два способа ввода/вывода информации: 1. Ввод через prompt(), вывод через alert() или document.write(). 2. Ввод и вывод через элементы формы. Задание. Написать программу, которая запросит два числа и найдёт их сумму и максимальное значение. Отчёт отправил: 8275. Tekashnik Выполнено за 47 мин. [Показать отчёт] Научился: Вволить данные для JavaScript Сложности: Придумать, что было самым сложным Комментарии: Движемся потихоньку, через терни к звёздам | |||||
| 22 |  3. яКартинка | без видео 2 теста | |||
| На этом уроке мы создадим JavaScript, который будет открывать картинки при наведении мышки. Отчёт отправил: 8275. Tekashnik Выполнено за 43 мин. [Показать отчёт] Научился: Обрабатывать события на странице с помощью JavaScript Сложности: Найти время Комментарии: Интересно, ни разу не написали слово script, а он работает... хм | |||||
| 23 |  5. Калькулятор | без видео | |||
| На этом уроке мы напишем простой калькулятор на JavaScript. Отчёт отправил: 8275. Tekashnik Выполнено за 1 час. 45 мин. [Показать отчёт] Научился: Выносить javascript код в отдельный файл Сложности: Оказывается много ньюансов всяких, да ещё эта система JShint мне мозг взорвала) Комментарии: Ещё один небольшой шажочек в javascript | |||||
| 24 |  1. DIV + CSS = Структура страницы | без видео | |||
| На этом уроке мы создадим структуру страницы, используя тег div и файл оформления style.css Отчёт отправил: 8275. Tekashnik Выполнено за 23 мин. [Показать отчёт] Научился: Привязывать CSS к HTML Сложности: Найти время в субботу Комментарии: Решил немного отдохнуть от серьёзных шаблонов, и не начинать в субботу новый, а делать что то нужно, вот есть прекрасный курс пл вёрстке, хочу немножечко позаниматься) | |||||
| 25 |  2. Красивое меню | без видео 1 тест | |||
| На этом уроке мы создадим красивое меню для сайта. * Сделайте 6 файлов, чтобы пункты меню переключались. Отчёт отправил: 8275. Tekashnik Выполнено за 23 мин. [Показать отчёт] Научился: Делать красивое меню Сложности: Найти время Комментарии: Познавательный урок) | |||||
| 26 |  3. День Космонавтики | без видео | |||
| На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля). Найдите в интернете картинки на чёрном фоне: 1. Земля. 2. Луна. 3. Ракета. 4. Звёздочки. Разместите их в произвольных местах страницы и напишите сопроводительный текст. Отчёт отправил: 8275. Tekashnik Выполнено за 2 час. 13 мин. [Показать отчёт] Научился: Располагать объекты с position: absolute; Сложности: Привести в движение объекты в космоме Комментарии: Кто хочет посмотреть мою работу в движении прошу заходить на http://tinklavimas.tekashnik.ru/kosmos.html | |||||
| 27 |  4. Две колонки | без видео | |||
| На этом уроке мы создадим страницу с двумя колонками. Правая - фиксированной ширины, левая - динамическая. Отчёт отправил: 8275. Tekashnik Выполнено за 26 мин. [Показать отчёт] Научился: Делать по шаблону Сложности: найти время Комментарии: Интересный способ делать колонки | |||||
| 28 |  5. Меню с Колонками | без видео | |||
| На этом уроке мы создадим структуру полноценного сайта. У нас будет динамическое меню и три колонки. В каждую колонку поместить реальные тексты. Отчёт отправил: 8275. Tekashnik Выполнено за 45 мин. [Показать отчёт] Научился: Делать разные элементы разметки) Сложности: Найти время Комментарии: продолжаем заканчивать) | |||||
| 29 |  7. Show/Hide Message | без видео | |||
| На этом уроке мы научимся отображать и скрывать текстовый блок на экране, с использованием JavaScript. Отчёт отправил: 8275. Tekashnik Выполнено за 23 мин. [Показать отчёт] Научился: Вызывать JavaScript с помощью ссылок Сложности: Найти время Комментарии: Прелесть и соль Javascript заключаются всего в нескольких пунктах. Полная интеграция с браузером Простые вещи делаются просто Поддерживается почти везде | |||||
| 30 |  JS - Квадратные условия | без видео | |||
| Написать программу, которая выводит квадрат из #. Далее, перебрать различные условия и проанализировать результат. Сделать скриншот двух самых классных квадратных узоров. * Придумать своё условие для узора. Отчёт отправил: 8275. Tekashnik Выполнено за 43 мин. [Показать отчёт] Научился: JavaScript Сложности: Найти время Комментарии: Уже и на C# и на Java это делали)) | |||||
| 31 | Платформа LP | без видео | |||
| На этом уроке мы познакомимся с конструктором первоклассных одностраничников. 1. Открыть страницу gamesharp.info/webinar и просмотреть её. 2. Открыть страницу PlatformaLP.ru и зарегистрироваться. 3. Создать свою страницу, по примеру из пункта 1. 4. Сделать скриншот и приложить отчёт. 5. Приложить ссылку на полученный результат. Отчёт отправил: 8275. Tekashnik Выполнено за 1 день 7 час. 1 [Показать отчёт] Научился: Немного понял, что такое лэндинг. Откpыть cтраницy http://gamesharp.info/webinar не получилось) поэтому пример просто крутого лэндинга Сложности: Сложно найти время) | |||||
| Итого: 31 видеоурок | 49 мин. 18 тестов | 5 чел. | |||
| Финалисты: Dmitry Sinitsin, Tekashnik, Andrew, Yaroslav, Tom . | |||||