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

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

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

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



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

# Название видеоурока Решило Рейтинг Доступ
1 Знакомство 103 чел. ★ 4.8 Free
  На этом уроке мы познакомимся.
Меня зовут Волосатов Евгений Витольдович или «Игромистр».
А как зовут тебя?
Открой блокнот, напиши там своё имя, фамилию и коротко о себе.
Затем сделай скриншот и прикрепи к отчёту за этот урок.
2 Каким будет мой сайт 57 чел. ★ 4.8 ^
  На какую тему ты хочешь создать сайт?
Что будет на этом сайте?
Для кого будет этот сайт?
Ответь на вопросы и нарисуй схему первой страницы своего сайта.
3 Второй подход к эскизу 27 чел. ★ 4.8 ^
  Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит.
Для этого нужно его нарисовать несколько раз.
Сделай ещё ДЕВЯТЬ рисунков своего сайта.
Каждую новую схему рисуй не подглядывая в предыдущие.
Для отчёта за этот урок нужно приложить фотографию
девяти рисунков своего сайта.
4 Простейшая HTML страница 00:11:54 54 чел. ★ 4.7 ^
  На этом уроке мы создадим простейший HTML документ.
И сделаем это несколько раз подряд, чтобы исключить
любые сложности при выполнении этого базового действия.
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 ^
  На этом уроке мы познакомимся с тегом TABLE для организации таблиц.
Самостоятельное задание - создать таблицу с расписанием своих уроков.
Для создания страницы рекомендую использовать Online HTML Editor
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 ^
  На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники.
12 6. Стильные Буквы 27 чел. ★ 4.9 ^
  На этом уроке мы нарисуем большие буквы из кубиков.
Для этого нам потребуется таблица, стили, классы.

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

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

Используйте онлайн HTML редактор
14 8. Табличный аттестат 25 чел. ★ 5 ^
  Используя HTML таблицы создать
Аттестат успеваемости по указанному примеру.
В аттестат впишите СВОИ данные.
15 5. Kurortavimas 26 чел. ★ 4.7 ^
  Кто любит путешествовать?
На этом уроке необходимо создать форму туроператора для курортной заявки.
Нужно придумать и оформить форму, как полагается.
Обязательно использовать следующие теги:
form
input type="text"
input type="radio"
select
textarea
input type="checkbox"
input type="submit"
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 ^
  На этом уроке мы познакомимся со скриптовым языком JavaScript.
Необходимо написать три очень маленькие программки.

1. Выводит в окно браузера сообщение.
2. Выводит всплывающее окно с сообщением.
3. Проверка заполненной формы.
20 2. Ввод данных 24 чел. ★ 4.8 ^
  Смысл программирования в обработке данных.
В любом языке программирования есть возможность ввода исходных данных.
На JavaScript также есть несколько вариантов получения информации от пользователя.

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

Задание.
Написать программу, которая запросит два числа
и найдёт их сумму и максимальное значение.
21 3. яКартинка 25 чел. ★ 4.6 ^
  На этом уроке мы создадим JavaScript,
который будет открывать картинки при наведении мышки.
22 5. Калькулятор 32 чел. ★ 4.8 ^
  На этом уроке мы напишем простой калькулятор на JavaScript.
23 1. DIV + CSS = Структура страницы 27 чел. ★ 4.7 ^
  На этом уроке мы создадим структуру страницы,
используя тег div и файл оформления style.css
24 2. Красивое меню 31 чел. ★ 4.5 ^
  На этом уроке мы создадим красивое меню для сайта.
* Сделайте 6 файлов, чтобы пункты меню переключались.
25 3. День Космонавтики 32 чел. ★ 4.7 ^
  На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля).
Найдите в интернете картинки на чёрном фоне:
1. Земля.
2. Луна.
3. Ракета.
4. Звёздочки.
Разместите их в произвольных местах страницы и напишите сопроводительный текст.
26 4. Две колонки 27 чел. ★ 4.8 ^
  На этом уроке мы создадим страницу с двумя колонками.
Правая - фиксированной ширины, левая - динамическая.
27 5. Меню с Колонками 21 чел. ★ 4.8 ^
  На этом уроке мы создадим структуру полноценного сайта.
У нас будет динамическое меню и три колонки.
В каждую колонку поместить реальные тексты.
28 7. Show/Hide Message 31 чел. ★ 4.7 ^
  На этом уроке мы научимся отображать и скрывать
текстовый блок на экране, с использованием JavaScript.
29 JS - Квадратные условия 28 чел. ★ 4.8 ^
  Написать программу, которая выводит квадрат из #.
Далее, перебрать различные условия и проанализировать результат.
Сделать скриншот двух самых классных квадратных узоров.
* Придумать своё условие для узора.
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.WWW- World Wide Web .Всемирная паутина интернетаю 2.SSL (англ. secure sockets layer — уровень защищённых cокетов) — криптографический протокол, который подразумевает более безопасную связь. Он использует асимметричную криптографию для аутентификации ключей обмена, симметричное шифрование для сохранения конфиденциальности, коды аутентификации сообщений для целостности сообщений. 3.DNS (англ. Domain Name System — система доменных имён) — компьютерная распределённая система для получения информации о доменах. Чаще всего используется для получения IP-адреса по имени хоста (компьютера или устройства), получения информации о маршрутизации почты, обслуживающих узлах для протоколов в домене (SRV-запись). Распределённая база данных DNS поддерживается с помощью иерархии DNS-серверов, взаимодействующих по определённому протоколу.
Трудности: ничего.прочитал и скопировал
ЫФВФ
Научился: думать над сайтом :)
Имя Сайта Заметки тема сайта я постараюсь сделать заметочки по коду. по всему с чем сталкиваюсь буду стараться выкладывать. хочется что то показать, а что то и в закрытом доступе держать. так как на поиск информации и ее обработку были потрачены силы :) сайт для себя любимого. ну для тех кто на него наткнеться