Слайд 2
![Introduction to the Course Tools Resources Practice task Agenda](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-1.jpg)
Introduction to the Course
Tools
Resources
Practice task
Agenda
Слайд 3
![Introduction to the Course](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-2.jpg)
Introduction to
the Course
Слайд 4
![HTML – Hypertext Markup Language CSS – Cascading Style Sheets JavaScript – Programming Language HTML/CSS/JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-3.jpg)
HTML – Hypertext Markup Language
CSS – Cascading Style Sheets
JavaScript – Programming
Language
HTML/CSS/JavaScript
Слайд 5
![How do browsers work Detailed article: http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-4.jpg)
How do browsers work
Detailed article: http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
Слайд 6
![Project - Personal Website](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-5.jpg)
Project - Personal Website
Слайд 7
![Tools](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-6.jpg)
Слайд 8
![Mockups - NinjaMock](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-7.jpg)
Слайд 9
![Sublime Text](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-8.jpg)
Слайд 10
![Brackets](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-9.jpg)
Слайд 11
![MS Visual Studio Code](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-10.jpg)
Слайд 12
![40 Best HTML Editors for Web Developers: http://devzum.com/2015/05/19/40-best-html-editors-for-web-developers/ And more…](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-11.jpg)
40 Best HTML Editors for Web Developers: http://devzum.com/2015/05/19/40-best-html-editors-for-web-developers/
And more…
Слайд 13
![Cloud 9](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-12.jpg)
Слайд 14
![Validators](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-13.jpg)
Слайд 15
![HTML validator: http://validator.w3.org CSS validator: http://jigsaw.w3.org/css-validator Validators help to check your work](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-14.jpg)
HTML validator:
http://validator.w3.org
CSS validator:
http://jigsaw.w3.org/css-validator
Validators help to check your
work
Слайд 16
![Resources](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-15.jpg)
Слайд 17
![http://howtocodeinhtml.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-16.jpg)
http://howtocodeinhtml.com
Слайд 18
![http://w3schools.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-17.jpg)
Слайд 19
![overapi.com/html](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-18.jpg)
Слайд 20
![websitesetup.org/html5-cheat-sheet/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-19.jpg)
websitesetup.org/html5-cheat-sheet/
Слайд 21
![Practice task](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-20.jpg)
Слайд 22
![Practice task Prepare your working environment Open and run sample](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-21.jpg)
Practice task
Prepare your working environment
Open and run sample website
Try to make
changes and see updates
Git commands:
git checkout -b gh-pages
git add .
git commit -m "add new file"
git push origin gh-pages
Слайд 23
![Homework Create mockup for your website Complete Try Git: try.github.io](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201762/slide-22.jpg)
Homework
Create mockup for your website
Complete Try Git: try.github.io