Программирование на с с нуля

Формула программиста
основатель — Волосатов Евгений Витольдович
Open shop Создание интернет-страниц

Создание интернет-страниц

Фото/видео курс по знакомству с языком HTML и JavaScript.



Список уроков | фото | видео

# Название видеоурока Решило Рейтинг Доступ
1 Знакомство 102 чел. ★ 4.8 Done
  На этом уроке мы познакомимся.
Меня зовут Волосатов Евгений Витольдович или «Игромистр».
А как зовут тебя?
Открой блокнот, напиши там своё имя, фамилию и коротко о себе.
Затем сделай скриншот и прикрепи к отчёту за этот урок.

Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 3 мин. [Показать отчёт]
Научился: Делать скриншот 
Сложности: нечего нового 
Комментарии: Да данный момент нету 
2 Каким будет мой сайт 57 чел. ★ 4.8 Open
  На какую тему ты хочешь создать сайт?
Что будет на этом сайте?
Для кого будет этот сайт?
Ответь на вопросы и нарисуй схему первой страницы своего сайта.
3 Второй подход к эскизу 27 чел. ★ 4.8 ^
  Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит.
Для этого нужно его нарисовать несколько раз.
Сделай ещё ДЕВЯТЬ рисунков своего сайта.
Каждую новую схему рисуй не подглядывая в предыдущие.
Для отчёта за этот урок нужно приложить фотографию
девяти рисунков своего сайта.
4 Простейшая HTML страница 00:11:54 54 чел. ★ 4.7 Done
  На этом уроке мы создадим простейший HTML документ.
И сделаем это несколько раз подряд, чтобы исключить
любые сложности при выполнении этого базового действия.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 10 мин. [Показать отчёт]
Научился: быстро писать программу 
Сложности: сначала все но потом стало легко 
Комментарии: нету вопросов 
5 Термины сайтостроения 00:37:40 59 чел. ★ 4.8 ^
  На этом уроке мы познакомимся со следующими терминами:
WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS,
Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS,
Flash, JavaScript, PHP, MySQL, Куки.
На видео я даю простые, понятные, но не очень точные определения каждого термина.
Более точные определения доступны в презентации:
 На русском языке | На литовском языке
6 Красивые стихи 29 чел. ★ 4.8 ^
  На этом уроке мы создадим страницу
с красиво оформленным стихотворением.
7 1. Расписание уроков 41 чел. ★ 4.7 Done
  На этом уроке мы познакомимся с тегом TABLE для организации таблиц.
Самостоятельное задание - создать таблицу с расписанием своих уроков.
Для создания страницы рекомендую использовать Online HTML Editor
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: pisat formuli 
Сложности: zapomnit ix 
Комментарии: vsio xorowo 
8 2. Таблица умножения 27 чел. ★ 4.9 ^
  На этом уроке мы понакомимся с таблицами.
Нужно создать 10 таблиц умножения,
начиная от размера 1х1, заканчивая 10х10.
Необходимо сделать скриншот каждой таблицы,
чтобы потом можно было создать анимированный gif.

Разместить на экране все таблицы и сделать скриншот.

* Если умеешь программировать - напиши программу,
* которая создаст таблицу умножения размером NxN.
9 3. Вкусная таблица 21 чел. ★ 4.9 ^
  Сделать таблицу с ресторанным меню.
Для каждого наименования вывести:
№, фото, название, цену, форму для количества.
10 4. Валидатор 16 чел. ★ 4.9 ^
  Проверить HTML файл с ресторанным меню на корректность,
используя валидатор: https://html5.validator.nu/.
Исправить все возможные ошибки.
Написать в отчёте, какая ошибка была самой сложной.
11 5. Морской бой 41 чел. ★ 4.8 Done
  На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники.

Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 15 мин. [Показать отчёт]
Научился: рисовать в Excel 
Сложности: нечего  
Комментарии: нету вопросов 
12 6. Стильные Буквы 27 чел. ★ 4.9 ^
  На этом уроке мы нарисуем большие буквы из кубиков.
Для этого нам потребуется таблица, стили, классы.

Удобный онлайн HTML редактор
13 7. Союз столбцов и строк 29 чел. ★ 4.9 Done
  На этом уроке необходимо создать таблицу 7х7
с объединёнными ячейками на основе
любых двух квадратов из задания «Морской Бой».

Приложить скриншот HTML-кода и результата
для каждого из выбранных квадратов.

Используйте онлайн HTML редактор
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 2 час. 10 мин. [Показать отчёт]
Научился: рисовать таблицы 
Сложности: все 
Комментарии: нету вопросов 
14 8. Табличный аттестат 25 чел. ★ 5 Done
  Используя HTML таблицы создать
Аттестат успеваемости по указанному примеру.
В аттестат впишите СВОИ данные.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 30 мин. [Показать отчёт]
Научился: delat tablicu 
Сложности: necego 
Комментарии: netu voprosov 
15 5. Kurortavimas 26 чел. ★ 4.7 Done
  Кто любит путешествовать?
На этом уроке необходимо создать форму туроператора для курортной заявки.
Нужно придумать и оформить форму, как полагается.
Обязательно использовать следующие теги:
form
input type="text"
input type="radio"
select
textarea
input type="checkbox"
input type="submit"
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: delat tablicu  
Сложности: necego 
Комментарии: netu voprosov 
16 6. Raidės iš Varneliu 20 чел. ★ 4.8 ^
  Suformuoti 7x15 lentelė.
Kiekviename lauke patalpinti „checkbox“ - varnelė.
Padaryti taip, kad iš varnelių butų susidėtas jūsų inicialai.
17 7. Tinklalapio kūrimo etapai 24 чел. ★ 4.5 Done
  1. Paruošti nuotraukas.
2. Sukūrti HTML maketą.
3. Užtikrinti HTML validavimą.
4. Pakrauti failą į serverį per FTP

Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: sozdavat papki 
Сложности: necego 
Комментарии: netu 
18 8. Landing page 16 чел. ★ 4.8 ^
  Создать простую посадочную страницу, на которой должно быть:
1. Таблица из 2 столбцов и 1 строки.
2. В первом столбце разместить:
   заголовок и рекламный текст.
3. Во втором столбце разместить:
   Картинку, форму для отправки данных с кнопкой.
Обеспечить валидацию HTML-документа.
Загрузить фотографию и HTML на сервер через FTP.
Приложить к работе URL-ссылку на вашу страницу.
19 1. Запуск JavaScript 25 чел. ★ 4.6 Done
  На этом уроке мы познакомимся со скриптовым языком JavaScript.
Необходимо написать три очень маленькие программки.

1. Выводит в окно браузера сообщение.
2. Выводит всплывающее окно с сообщением.
3. Проверка заполненной формы.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: - 
Сложности: vsio 
Комментарии: netu 
20 2. Ввод данных 24 чел. ★ 4.8 Done
  Смысл программирования в обработке данных.
В любом языке программирования есть возможность ввода исходных данных.
На JavaScript также есть несколько вариантов получения информации от пользователя.

На этом уроке мы рассмотрим два способа ввода/вывода информации:
1. Ввод через prompt(), вывод через alert() или document.write().
2. Ввод и вывод через элементы формы.

Задание.
Написать программу, которая запросит два числа
и найдёт их сумму и максимальное значение.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 30 мин. [Показать отчёт]
Научился: - 
Сложности: necego 
Комментарии: netu 
21 3. яКартинка 25 чел. ★ 4.6 Done
  На этом уроке мы создадим JavaScript,
который будет открывать картинки при наведении мышки.

Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: ------ 
Сложности: necego 
Комментарии: netu 
22 5. Калькулятор 32 чел. ★ 4.8 Done
  На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 30 мин. [Показать отчёт]
Научился: sozdavat kalkuljator 
Сложности: necego 
Комментарии: netu 
23 1. DIV + CSS = Структура страницы 27 чел. ★ 4.7 Done
  На этом уроке мы создадим структуру страницы,
используя тег div и файл оформления style.css
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: --- 
Сложности: vsio pochti 
Комментарии: netu 
24 2. Красивое меню 31 чел. ★ 4.5 Done
  На этом уроке мы создадим красивое меню для сайта.
* Сделайте 6 файлов, чтобы пункты меню переключались.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: ---- 
Сложности: necego 
Комментарии: netu 
25 3. День Космонавтики 32 чел. ★ 4.7 ^
  На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля).
Найдите в интернете картинки на чёрном фоне:
1. Земля.
2. Луна.
3. Ракета.
4. Звёздочки.
Разместите их в произвольных местах страницы и напишите сопроводительный текст.
26 4. Две колонки 27 чел. ★ 4.8 Done
  На этом уроке мы создадим страницу с двумя колонками.
Правая - фиксированной ширины, левая - динамическая.

Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 45 мин. [Показать отчёт]
Научился: --- 
Сложности: necego 
Комментарии: netu 
27 5. Меню с Колонками 21 чел. ★ 4.8 ^
  На этом уроке мы создадим структуру полноценного сайта.
У нас будет динамическое меню и три колонки.
В каждую колонку поместить реальные тексты.
28 7. Show/Hide Message 31 чел. ★ 4.7 ^
  На этом уроке мы научимся отображать и скрывать
текстовый блок на экране, с использованием JavaScript.
29 JS - Квадратные условия 28 чел. ★ 4.8 Done
  Написать программу, которая выводит квадрат из #.
Далее, перебрать различные условия и проанализировать результат.
Сделать скриншот двух самых классных квадратных узоров.
* Придумать своё условие для узора.
Отчёт отправил: 9368. Kapitanov Dmitrij Выполнено за 35 мин. [Показать отчёт]
Научился: Вывести квадpaт из # по примeру 
Сложности: сложного нечего, допустил свои ошибки 
Комментарии: вопросов не возникает  
30 Платформа LP 10 чел. ★ 5 ^
  На этом уроке мы познакомимся с конструктором первоклассных одностраничников.

1. Открыть страницу gamesharp.info/webinar и просмотреть её.
2. Открыть страницу PlatformaLP.ru и зарегистрироваться.
3. Создать свою страницу, по примеру из пункта 1.
4. Сделать скриншот и приложить отчёт.
5. Приложить ссылку на полученный результат.
  Итого:   30 видеоуроков общей продолжительностью 49 мин. 3 чел. ★ 4.78  
  Финалисты:   zhikharevav,   Сергей,   Tekashnik .

Начинаем практику по языку C#




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
Научился: Использованию сервиса LP
Трудности: Придумать контент
Страница опубликована по адресу: http://u1k86dke.plp7.ru Спасибо за курс!
Научился: Научился пользоваться онлайн WYSIWYG редактором
Трудности: Выбрать нормальный редактор.
Идем дальше.