Слайд 2
![Introduction to the Course Tools Managing Application Life Cycle Resources Practice task Agenda](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-1.jpg)
Introduction to the Course
Tools
Managing Application Life Cycle
Resources
Practice task
Agenda
Слайд 3
![Introduction to the Course](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/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/140616/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/140616/slide-4.jpg)
How do browsers work
Detailed article: http://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/
Слайд 6
![Sample project - Weather site](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-5.jpg)
Sample project - Weather site
Слайд 7
![Managing Application Lifecycle](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-6.jpg)
Managing Application Lifecycle
Слайд 8
![Application Lifecycle Management](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-7.jpg)
Application Lifecycle Management
Слайд 9
![Agile website development process](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-8.jpg)
Agile website development process
Слайд 10
![Tools](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-9.jpg)
Слайд 11
![Mockups - NinjaMock](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-10.jpg)
Слайд 12
![Sublime Text](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-11.jpg)
Слайд 13
![Brackets](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-12.jpg)
Слайд 14
![MS Visual Studio Community Edition](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-13.jpg)
MS Visual Studio Community Edition
Слайд 15
![Aptana Studio 3](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-14.jpg)
Слайд 16
![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/140616/slide-15.jpg)
40 Best HTML Editors for Web Developers: http://devzum.com/2015/05/19/40-best-html-editors-for-web-developers/
And more…
Слайд 17
![Cloud 9](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-16.jpg)
Слайд 18
![Resources](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-17.jpg)
Слайд 19
![Microsoft Virtual Academy Course](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-18.jpg)
Microsoft Virtual Academy Course
Слайд 20
![http://howtocodeinhtml.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-19.jpg)
http://howtocodeinhtml.com
Слайд 21
![http://w3schools.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-20.jpg)
Слайд 22
![overapi.com/html](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-21.jpg)
Слайд 23
![websitesetup.org/html5-cheat-sheet/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-22.jpg)
websitesetup.org/html5-cheat-sheet/
Слайд 24
![Practice task](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-23.jpg)
Слайд 25
![Practice task Prepare your working environment Open and run sample](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-24.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
Слайд 26
![Homework Create mockup for your website](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/140616/slide-25.jpg)
Homework
Create mockup for your website