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

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

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

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



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

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

Отчёт отправил: 9294. Kunafin Matvej Выполнено за 5 мин. [Показать отчёт]
Научился: заполнять блакнот 
Сложности: написать о себе 
Комментарии: лайк 
2 Каким будет мой сайт 57 чел. ★ 4.8 ^
  На какую тему ты хочешь создать сайт?
Что будет на этом сайте?
Для кого будет этот сайт?
Ответь на вопросы и нарисуй схему первой страницы своего сайта.
3 Второй подход к эскизу 28 чел. ★ 4.8 ^
  Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит.
Для этого нужно его нарисовать несколько раз.
Сделай ещё ДЕВЯТЬ рисунков своего сайта.
Каждую новую схему рисуй не подглядывая в предыдущие.
Для отчёта за этот урок нужно приложить фотографию
девяти рисунков своего сайта.
4 Простейшая HTML страница 00:11:54 55 чел. ★ 4.7 Done
  На этом уроке мы создадим простейший HTML документ.
И сделаем это несколько раз подряд, чтобы исключить
любые сложности при выполнении этого базового действия.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 45 мин. [Показать отчёт]
Научился: запомнил написание программы 
Сложности: писать <<<<<<<<>>>>>>> 
Комментарии: no problem 
5 Термины сайтостроения 00:37:40 60 чел. ★ 4.8 ^
  На этом уроке мы познакомимся со следующими терминами:
WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS,
Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS,
Flash, JavaScript, PHP, MySQL, Куки.
На видео я даю простые, понятные, но не очень точные определения каждого термина.
Более точные определения доступны в презентации:
 На русском языке | На литовском языке
6 Красивые стихи 30 чел. ★ 4.8 ^
  На этом уроке мы создадим страницу
с красиво оформленным стихотворением.
7 1. Расписание уроков 41 чел. ★ 4.7 Done
  На этом уроке мы познакомимся с тегом TABLE для организации таблиц.
Самостоятельное задание - создать таблицу с расписанием своих уроков.
Для создания страницы рекомендую использовать Online HTML Editor
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 20 мин. [Показать отчёт]
Научился: sostavliat tablici 
Сложности: nichego 
Комментарии: +++++ 
8 2. Таблица умножения 27 чел. ★ 4.9 ^
  На этом уроке мы понакомимся с таблицами.
Нужно создать 10 таблиц умножения,
начиная от размера 1х1, заканчивая 10х10.
Необходимо сделать скриншот каждой таблицы,
чтобы потом можно было создать анимированный gif.

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

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

Отчёт отправил: 9294. Kunafin Matvej Выполнено за 15 мин. [Показать отчёт]
Научился: vrode ni4emu 
Сложности: ni4ego 
Комментарии: ++++ 
12 6. Стильные Буквы 27 чел. ★ 4.9 Done
  На этом уроке мы нарисуем большие буквы из кубиков.
Для этого нам потребуется таблица, стили, классы.

Удобный онлайн HTML редактор
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 50 мин. [Показать отчёт]
Научился: ++ 
Сложности: +vfgj 
Комментарии: +hyujikhuj 
13 7. Союз столбцов и строк 29 чел. ★ 4.9 Done
  На этом уроке необходимо создать таблицу 7х7
с объединёнными ячейками на основе
любых двух квадратов из задания «Морской Бой».

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

Используйте онлайн HTML редактор
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 40 мин. [Показать отчёт]
Научился: составлять таблицы 
Сложности: ничего 
Комментарии: ничего 
14 8. Табличный аттестат 25 чел. ★ 5 Done
  Используя HTML таблицы создать
Аттестат успеваемости по указанному примеру.
В аттестат впишите СВОИ данные.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 40 мин. [Показать отчёт]
Научился: tablici 
Сложности: tablici 
Комментарии: tablici 
15 5. Kurortavimas 26 чел. ★ 4.7 Done
  Кто любит путешествовать?
На этом уроке необходимо создать форму туроператора для курортной заявки.
Нужно придумать и оформить форму, как полагается.
Обязательно использовать следующие теги:
form
input type="text"
input type="radio"
select
textarea
input type="checkbox"
input type="submit"
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 30 мин. [Показать отчёт]
Научился: sozdavat' putiovku 
Сложности: nichego 
Комментарии: hodklfld 
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 ^
  1. Paruošti nuotraukas.
2. Sukūrti HTML maketą.
3. Užtikrinti HTML validavimą.
4. Pakrauti failą į serverį per FTP
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. Проверка заполненной формы.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 55 мин. [Показать отчёт]
Научился: vsplyvajushee okno 
Сложности: -- 
Комментарии: coool 
20 2. Ввод данных 24 чел. ★ 4.8 Done
  Смысл программирования в обработке данных.
В любом языке программирования есть возможность ввода исходных данных.
На JavaScript также есть несколько вариантов получения информации от пользователя.

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

Задание.
Написать программу, которая запросит два числа
и найдёт их сумму и максимальное значение.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 15 мин. [Показать отчёт]
Научился: vvodit' dannyje 
Сложности: --- 
Комментарии: +++ 
21 3. яКартинка 25 чел. ★ 4.6 Done
  На этом уроке мы создадим JavaScript,
который будет открывать картинки при наведении мышки.

Отчёт отправил: 9294. Kunafin Matvej Выполнено за 15 мин. [Показать отчёт]
Научился: создавать JavaScript 
Сложности: ничего 
Комментарии: ----- 
22 5. Калькулятор 32 чел. ★ 4.8 Done
  На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 25 мин. [Показать отчёт]
Научился: писать программу н аподобии калькулятора  
Сложности: ничего 
Комментарии: ++++ 
23 1. DIV + CSS = Структура страницы 27 чел. ★ 4.7 Done
  На этом уроке мы создадим структуру страницы,
используя тег div и файл оформления style.css
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 30 мин. [Показать отчёт]
Научился: oznakomilsia s strukturoi stranicy 
Сложности: --- 
Комментарии: ++++ 
24 2. Красивое меню 31 чел. ★ 4.5 Done
  На этом уроке мы создадим красивое меню для сайта.
* Сделайте 6 файлов, чтобы пункты меню переключались.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 20 мин. [Показать отчёт]
Научился: научился создавать ul список с пунктами 
Сложности: ничего 
Комментарии: ---- 
25 3. День Космонавтики 32 чел. ★ 4.7 Done
  На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля).
Найдите в интернете картинки на чёрном фоне:
1. Земля.
2. Луна.
3. Ракета.
4. Звёздочки.
Разместите их в произвольных местах страницы и напишите сопроводительный текст.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 45 мин. [Показать отчёт]
Научился: размещать картинки в произвольных местах страницы 
Сложности: ---- 
Комментарии: +++++ 
26 4. Две колонки 27 чел. ★ 4.8 Done
  На этом уроке мы создадим страницу с двумя колонками.
Правая - фиксированной ширины, левая - динамическая.

Отчёт отправил: 9294. Kunafin Matvej Выполнено за 30 мин. [Показать отчёт]
Научился: делать колонки 
Сложности: --- 
Комментарии: +++++ 
27 5. Меню с Колонками 21 чел. ★ 4.8 ^
  На этом уроке мы создадим структуру полноценного сайта.
У нас будет динамическое меню и три колонки.
В каждую колонку поместить реальные тексты.
28 7. Show/Hide Message 31 чел. ★ 4.7 Done
  На этом уроке мы научимся отображать и скрывать
текстовый блок на экране, с использованием JavaScript.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 25 мин. [Показать отчёт]
Научился: delat soobdhenija 
Сложности: ++ 
Комментарии: +++ 
29 JS - Квадратные условия 28 чел. ★ 4.8 Done
  Написать программу, которая выводит квадрат из #.
Далее, перебрать различные условия и проанализировать результат.
Сделать скриншот двух самых классных квадратных узоров.
* Придумать своё условие для узора.
Отчёт отправил: 9294. Kunafin Matvej Выполнено за 15 мин. [Показать отчёт]
Научился: kvadrat iz # 
Сложности: --- 
Комментарии: --++++ 
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#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: 1. HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей Обозначение HTML-документа Заголовочная часть документа Заголовок документа Тело документа

Заголовок абзаца первого уровня

Заголовок абзаца второго уровня

Заголовок абзаца третьего уровня

Заголовок абзаца четвертого уровня
Заголовок абзаца пятого уровня
Заголовок абзаца шестого уровня

Абзац
	
Форматированный текст
Перевод строки без конца абзаца
Цитата 2. Javascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем). Часто Javascript путают с языком программирования Java, однако общего между ними очень мало. К тому же, некоторые сравнивают Javascript с языками Python, Self, Ruby. Однако это особенный язык, который существует сам по себе.
Трудности: Рассказать что значат эти термены
Было интересно..


Научился: Сайт будет создан для спортивного клуба, на нём будет размещена информация об этом клубе и о его участниках.
Трудности: Самым сложным было нарисовать)
Всё круто)