Разработка сайтов и компьютерных игр

Название урока.

Описание

1) Введение. Знакомство с компьютером.

Знакомство с текстовым редактором Atom, знакомство с браузером Google Chrome, знакомство с горячими клавишами компьютера. Знакомство с расширениями файлов.

Знакомство с одним из облачных сервисов (Dropbox/google disc), там мы будем хранить все файлы для удобства и защиты от потери данных.

Вводная лекция в программирование (что такое, для чего нужно, какие языки бывают, перспективы развития, мировой опыт, знакомство с примерами)

2) Введение в HTML5.

Знакомство с языком разметки. Лекция о том, что это такое, для чего это нужно, рассмотрение некоторых примеров использование языка. Изучение некоторых тегов.

3-8) HTML5

Изучения языка разметки, изучение тегов, применение на практике, создание форм. Создание итогового макета сайта.

9) Разбор ошибок.

Разбираем ошибки, учимся читать чужой код.

10) Введение в CSS3

Знакомство с языком стилей. Лекция о том, что это такое, для чего это нужно, как с этим работать, рассмотрение примеров использования языка. Пробуем оформлять свой макет.

11-16) CSS3

Изучение языка стилей. Учимся правильно его использовать, оформляем странички сайта, учимся подключать из внешних файлов файл .css, оформляем свой макет. Создание итогового оформленного макета сайта (здесь уже можно будет увидеть первые результаты нашей деятельности)

17) Разбор ошибок.

Разбираем ошибки, учимся читать чужой код.

18) Введение Bootstrap 4

Знакомство с инструментом Bootstrap, смотрим примеры готовых работ, сделанных при помощи Bootstrap, пробуем работать с этим инструментом.

19-24) Bootstrap 4

Изучение Bootstrap, упрощение верстки, делаем красивый, простой, адаптивный макет своего сайта с наполнением.

25) Разбор ошибок.

Разбираем ошибки, учимся читать чужой код.

26) Введение в JavaScript.

Что такое JavaScript, для чего он нужен, как использовать, проблемы с использованием. Первая программа на языке JavaScript «Hello, World!», основные моменты, типы данных и переменные. Учимся подключать из внешних файлов файл .js

27) JavaScript. Основы программирования.

Изучение математических операций, условных операторов, операторов циклов (for, while, do while)

28) JavaScript. Веб разработка

Работа со всплывающими окнами (alert, confirm, prompt), работа с массивами, многомерные массивы данных.

29) JS – функции

Работа с функциями. Обработка форм при помощи JS. Создание таймеров

30) JS – объектно-ориентированный язык программирования.

Знакомство с объектами, классами. Продолжаем работать с функциями.

31) Я стал программистом JavaScript!

Программирование на JS, включение JS в наш макет сайта.

Node JS

Что такое NodeJS. Изучаем принцип работы, смотрим примеры. Создаем собственный сервер при помощи NodeJS. Изучение фреймворка Express. Пишем свой простенький макет сайта на платформе NodeJS.
Упрощаем свой макет из предыдущих уроков и подстраиваем его под NodeJS.

WordPress

Создаем свой сайт при помощи конструктора WordPress

Танго с Django.

Язык Python – змея или человек? В заключительных уроках мы знакомимся с языком Python, фреймворком Django на основе этого языка.