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

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

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

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



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

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

Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 5 мин. [Показать отчёт]
Научился: Делать скриншот 
Сложности: Ничего 
Комментарии: Мне все понравилось 
2 Каким будет мой сайт 57 чел. ★ 4.8 ^
  На какую тему ты хочешь создать сайт?
Что будет на этом сайте?
Для кого будет этот сайт?
Ответь на вопросы и нарисуй схему первой страницы своего сайта.
3 Второй подход к эскизу 28 чел. ★ 4.8 ^
  Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит.
Для этого нужно его нарисовать несколько раз.
Сделай ещё ДЕВЯТЬ рисунков своего сайта.
Каждую новую схему рисуй не подглядывая в предыдущие.
Для отчёта за этот урок нужно приложить фотографию
девяти рисунков своего сайта.
4 Простейшая HTML страница 00:11:54 55 чел. ★ 4.7 ^
  На этом уроке мы создадим простейший HTML документ.
И сделаем это несколько раз подряд, чтобы исключить
любые сложности при выполнении этого базового действия.
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
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 20 мин. [Показать отчёт]
Научился: :) 
Сложности: ничего 
Комментарии: нету 
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 разноцветных квадратов, которые разделены на прямоугольники.

Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 15 мин. [Показать отчёт]
Научился: ничему новому 
Сложности: ничего 
Комментарии: нету 
12 6. Стильные Буквы 27 чел. ★ 4.9 ^
  На этом уроке мы нарисуем большие буквы из кубиков.
Для этого нам потребуется таблица, стили, классы.

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

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

Используйте онлайн HTML редактор
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: делать столбцы 
Сложности: ничего 
Комментарии: нету 
14 8. Табличный аттестат 25 чел. ★ 5 Done
  Используя HTML таблицы создать
Аттестат успеваемости по указанному примеру.
В аттестат впишите СВОИ данные.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 1 час. 55 мин. [Показать отчёт]
Научился: менять цвет ячеек в таблице 
Сложности: менять цвет ячеек в таблице 
Комментарии: нету 
15 5. Kurortavimas 26 чел. ★ 4.7 Done
  Кто любит путешествовать?
На этом уроке необходимо создать форму туроператора для курортной заявки.
Нужно придумать и оформить форму, как полагается.
Обязательно использовать следующие теги:
form
input type="text"
input type="radio"
select
textarea
input type="checkbox"
input type="submit"
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 45 мин. [Показать отчёт]
Научился: Оформлять таблицу с созданием кнопок 
Сложности: оформить таблицу 
Комментарии: нету 
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

Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 1 час. 10 мин. [Показать отчёт]
Научился: Отправлять фотографии на сервер 
Сложности: Разобраться с 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. Проверка заполненной формы.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 55 мин. [Показать отчёт]
Научился: Запускать Java Script 
Сложности: ничего 
Комментарии: нету 
20 2. Ввод данных 24 чел. ★ 4.8 Done
  Смысл программирования в обработке данных.
В любом языке программирования есть возможность ввода исходных данных.
На JavaScript также есть несколько вариантов получения информации от пользователя.

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

Задание.
Написать программу, которая запросит два числа
и найдёт их сумму и максимальное значение.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 45 мин. [Показать отчёт]
Научился: Вводy данных в JavaScript 
Сложности: ничего 
Комментарии: нету 
21 3. яКартинка 25 чел. ★ 4.6 ^
  На этом уроке мы создадим JavaScript,
который будет открывать картинки при наведении мышки.
22 5. Калькулятор 32 чел. ★ 4.8 Done
  На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 35 мин. [Показать отчёт]
Научился: создавать калькулятор 
Сложности: ничего 
Комментарии: нету 
23 1. DIV + CSS = Структура страницы 27 чел. ★ 4.7 Done
  На этом уроке мы создадим структуру страницы,
используя тег div и файл оформления style.css
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 55 мин. [Показать отчёт]
Научился: Cоздaвать структyру стрaницы, используя тег div и файл оформления style.css 
Сложности: ничего 
Комментарии: ничего 
24 2. Красивое меню 31 чел. ★ 4.5 Done
  На этом уроке мы создадим красивое меню для сайта.
* Сделайте 6 файлов, чтобы пункты меню переключались.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 25 мин. [Показать отчёт]
Научился: Создавать «ul» спиcoк с пунктaми меню. 
Сложности: ничего 
Комментарии: нету 
25 3. День Космонавтики 32 чел. ★ 4.7 Done
  На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля).
Найдите в интернете картинки на чёрном фоне:
1. Земля.
2. Луна.
3. Ракета.
4. Звёздочки.
Разместите их в произвольных местах страницы и напишите сопроводительный текст.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 55 мин. [Показать отчёт]
Научился: Ничему новому 
Сложности: ничего 
Комментарии: нету 
26 4. Две колонки 27 чел. ★ 4.8 Done
  На этом уроке мы создадим страницу с двумя колонками.
Правая - фиксированной ширины, левая - динамическая.

Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 25 мин. [Показать отчёт]
Научился: Сoздавать стpаницу c двумя колонками. 
Сложности: ничего 
Комментарии: нету 
27 5. Меню с Колонками 21 чел. ★ 4.8 ^
  На этом уроке мы создадим структуру полноценного сайта.
У нас будет динамическое меню и три колонки.
В каждую колонку поместить реальные тексты.
28 7. Show/Hide Message 31 чел. ★ 4.7 Done
  На этом уроке мы научимся отображать и скрывать
текстовый блок на экране, с использованием JavaScript.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 20 мин. [Показать отчёт]
Научился: Отoбражaть и скрывать текстовый блок на экране, с использованием JavaScript. 
Сложности: ничего 
Комментарии: нету 
29 JS - Квадратные условия 28 чел. ★ 4.8 Done
  Написать программу, которая выводит квадрат из #.
Далее, перебрать различные условия и проанализировать результат.
Сделать скриншот двух самых классных квадратных узоров.
* Придумать своё условие для узора.
Отчёт отправил: 9369. Tautavičiūtė Anastasija Выполнено за 7 час. 38 мин. [Показать отчёт]
Научился: tryrg 
Сложности: wregs 
Комментарии: weg 
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#.

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


Научился: Верстать таблички
Трудности: Придумать, что было самым сложным
Дело было вечером, делать было нечего))


Научился: Повторил работу Exel.
Трудности: Разделить квадраты на прямоугольники
Задание очень забавное. Интересно, для чего оно? Мне так кажется, что просто в следующем уроке мы будем делать нечто подобное в HTML.