From 37a58de0a31bcaee7dcd7c5129e1683e63161042 Mon Sep 17 00:00:00 2001 From: InKolev Date: Thu, 19 May 2016 11:33:14 +0300 Subject: [PATCH] Changed Course-Introduction folders structure --- Topics/00. Course-Introduction/README.md | 257 +++++++++++++++++- .../{slides => }/imgs/pic00.png | Bin .../{slides => }/imgs/pic01.png | Bin .../{slides => }/imgs/pic02.png | Bin .../{slides => }/imgs/pic03.png | Bin .../{slides => }/imgs/pic04.png | Bin .../{slides => }/imgs/pic05.png | Bin .../{slides => }/imgs/pic06.png | Bin .../{slides => }/imgs/pic07.png | Bin .../{slides => }/imgs/pic08.png | Bin .../{slides => }/imgs/pic09.png | Bin .../{slides => }/imgs/pic10.png | Bin .../{slides => }/imgs/pic11.png | Bin .../{slides => }/imgs/pic12.png | Bin .../{slides => }/imgs/pic13.png | Bin .../{slides => }/imgs/pic14.png | Bin .../{slides => }/imgs/pic15.png | Bin .../{slides => }/imgs/pic16.png | Bin .../{slides => }/imgs/pic17.png | Bin .../{slides => }/imgs/pic18.png | Bin .../{slides => }/imgs/pic19.png | Bin .../{slides => }/imgs/pic20.png | Bin .../{slides => }/imgs/pic21.png | Bin .../{slides => }/imgs/pic22.png | Bin .../{slides => }/imgs/pic25.png | Bin .../{slides => }/imgs/pic26.png | Bin .../{slides => }/imgs/pic27.png | Bin .../{slides => }/imgs/pic28.png | Bin .../{slides => }/imgs/pic29.png | Bin .../{slides => }/imgs/pic30.png | Bin .../{slides => }/imgs/pic31.png | Bin .../{slides => }/imgs/pic32.png | Bin .../{slides => }/imgs/pic33.png | Bin .../{slides => }/imgs/pic34.png | Bin .../{slides => }/imgs/pic35.png | Bin .../{slides => }/imgs/pic36.png | Bin .../{slides => }/imgs/pic37.png | Bin .../{slides => }/imgs/pic38.png | Bin .../{slides => }/imgs/pic39.png | Bin .../{slides => }/imgs/pic40.png | Bin .../{slides => }/imgs/pic41.png | Bin .../{slides => }/imgs/pic42.png | Bin .../00. Course-Introduction/slides/README.md | 252 ----------------- .../00. Course-Introduction/slides/index.html | 56 ---- Topics/00. Course-Introduction/slides/open.js | 1 - .../slides/package.json | 30 -- 46 files changed, 247 insertions(+), 349 deletions(-) rename Topics/00. Course-Introduction/{slides => }/imgs/pic00.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic01.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic02.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic03.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic04.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic05.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic06.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic07.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic08.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic09.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic10.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic11.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic12.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic13.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic14.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic15.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic16.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic17.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic18.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic19.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic20.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic21.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic22.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic25.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic26.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic27.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic28.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic29.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic30.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic31.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic32.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic33.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic34.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic35.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic36.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic37.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic38.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic39.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic40.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic41.png (100%) rename Topics/00. Course-Introduction/{slides => }/imgs/pic42.png (100%) delete mode 100644 Topics/00. Course-Introduction/slides/README.md delete mode 100644 Topics/00. Course-Introduction/slides/index.html delete mode 100644 Topics/00. Course-Introduction/slides/open.js delete mode 100644 Topics/00. Course-Introduction/slides/package.json diff --git a/Topics/00. Course-Introduction/README.md b/Topics/00. Course-Introduction/README.md index b51a6e9..85658d0 100644 --- a/Topics/00. Course-Introduction/README.md +++ b/Topics/00. Course-Introduction/README.md @@ -1,15 +1,252 @@ -## 00. Course Introduction + + +# HTML Basics: Course Introduction +## Course Program, Evaluation, Resources -Course Program, Examination, Trainers +
+

HTML Basics

+

Telerik Software Academy

+ http://academy.telerik.com +
-## Resources + + -##### [Slides](https://rawgit.com/TelerikAcademy/HTML/master/Topics/00.%20Course-Introduction/slides/index.html) / [ Demos](demos) / [Tasks](homework) / [ Videos](VIDEOS.md) -## Table of Contents -- [HTML Course Curriculum](slides/README.md#curriculum) -- [Evaluation](slides/README.md#evaluation) -- [Learning Resources](slides/README.md#resources) - - [Required software](slides/README.md#software) + + +# Table of Contents +- [HTML Course Curriculum](#/curriculum) +- [Evaluation](#/evaluation) +- [Learning Resources](#/resources) + - [Required software](#/software) -#### [ home](/README.md) + + + + + + + + + + +# What's Coming Next? +- HTML Introduction + - Fundamental for web development + - Start of the **Front-end track** + - Lectures once a week + - Test exam **after a month** +- The course exam? + - **35 questions** for **45 minutes** + - Telerik Academy Test System + + + + + +# Why HTML, CSS and JS? +- **HTML**, **CSS** and **JS** – the standard for web-based UI + - Web-based applications are extremely popular + - Run on **anything with a browser** + - Many frameworks that produce **native applications** from HTML, CSS and JS +- **HTML** and **CSS** – evolving standards +- **JavaScript** + - High-level scripting language, easy to use + - The [**most widely used**](http://stackoverflow.com/research/developer-survey-2015) programming language + - Runs on client and server + - Has a bad history, but is a quite good language + + + +# HTML Basics Program +- Web Development Fundamentals +- Introduction to HTML +- HTML Tables +- HTML Forms +- Semantic HTML +- **HTML Basics Test** + + + + + + + + + + +# Evaluation + + + + + + + +# HTML Basics - Evaluation +- Evaluation components + - **Test** up to **75%** + - **Homework** – **15%** + - Homework **evaluation** – **5%** + - 3 peer reviews per homework + - **Attendance** in class – **5%** + + + + + +# HTML Basics Test – Sample Question +- You are given the following (exact) HTML code: + +```html +
+

This is\r\n + multi-line + text

+
+``` + +- What will the page text look like in a modern browser? + + + +# Homework Assignments +- Doing your homework is very important! + - Programming can only be learned through **a lot of practice**! +- Homework assignments due few days after each lecture + - No excuses for being late + - Deadlines are final & enforced by the system +- Submit homework through [telerikacademy.com](http://telerikacademy.com) + + +# Homework Peer Reviews +- Everyone will **get feedback** for their homework +- Everyone will **give feedback** for few random homework submissions + - Students submit homework **anonymously** + - Please exclude your name from the submissions! + - For each homework submitted + - Students **evaluate 3 random homeworks** + - From the same topic, after the deadline + - Give written feedback, at least 200 characters + - Low-quality feedback → report for punishment + + + +# Attendance in Class + - We encourage live participation + - Top performers throughout the years have always spent lots of time in the academy halls +- Register your presence @ barcode scanners + - Last check-in is listed in your student profile + - Scanners are next to the doors + - Use Student ID Card + - Check in+/- 30 min.before / after lecture starts + + + + + +# Pass / Excellence / Fail Criteria + - Criteria for pass / pass with excellence / fail +

+ - **Passwith excellence** + - Very high exam results + - or High total results + - **Pass** + - Average total results + - **Fail** + - Low total results or low exam results + + + + + + + + +# Additional Resources +## Optional resources for the course + + + + + + + + + + + + +# Additional Resources + +- [Mozilla Developer Network](https://developer.mozilla.org/en-US/) + - The most complete documentation of web standards + - `HTML`, `CSS` and `JavaScript` + - Supported features on different browsers and versions +- [Stack Overflow](http://stackoverflow.com/) + - [Newest HTML questions](http://stackoverflow.com/questions/tagged/html) + - [Newest CSS questions](http://stackoverflow.com/questions/tagged/css) + - [Newest JavaScript questions](http://stackoverflow.com/questions/tagged/javascript) + + +# Course Web Site & Forums +- Register for the "Telerik Academy Forums": + - http://telerikacademy.com/Forum/Category/27/HTML-CSS + - Discuss the course exercises with your colleagues + - Find solutions for the exercises + - Share source code / discuss ideas +- The HTML Basics official web site: + - [academy.telerik.com/student-courses/web-design-and-ui/html-fundamentals/about](http://academy.telerik.com/student-courses/web-design-and-ui/html-fundamentals/about ) + + + + +- The Telerik Integrated Learning System (TILS) + - [www.telerikacademy.com](http://www.telerikacademy.com) + - Important resource for all students + - Homework submissions + - Homework peer reviews + - Presence cards with barcode + - Reports about your results +- [telerikacademy.com/Courses/Courses/Details/324](http://telerikacademy.com/Courses/Courses/Details/324) + + + + +# Required Software +- Software needed for this course: + - [Atom](https://atom.io/) + - [Sublime Text 2/3](http://www.sublimetext.com/2) + - [Notepad++](https://notepad-plus-plus.org/) + - [VS Code](https://www.visualstudio.com/en-us/products/code-vs.aspx) + - [Jetbrains WebStorm](https://www.jetbrains.com/webstorm/) + - [Aptana Studio](http://www.aptana.com/) + - Microsoft [Visual Studio 2013 or 2015](https://www.visualstudio.com/) + - Visual Studio Community (free version of VS) + - Any text editor that is convenient with you + + + + + +# HTML Basics: Course Introduction + + + + +# Free Trainings @ Telerik Academy +- Web front-end track + - [html.telerik.com](http://academy.telerik.com/student-courses/web-design-and-ui/about) + - Telerik Software Academy + - [academy.telerik.com](academy.telerik.com) + - Telerik Academy @ Facebook + - [facebook.com/TelerikAcademy](facebook.com/TelerikAcademy) + - Telerik Academy Learning System + - [telerikacademy.com](telerikacademy.com) diff --git a/Topics/00. Course-Introduction/slides/imgs/pic00.png b/Topics/00. Course-Introduction/imgs/pic00.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic00.png rename to Topics/00. Course-Introduction/imgs/pic00.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic01.png b/Topics/00. Course-Introduction/imgs/pic01.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic01.png rename to Topics/00. Course-Introduction/imgs/pic01.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic02.png b/Topics/00. Course-Introduction/imgs/pic02.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic02.png rename to Topics/00. Course-Introduction/imgs/pic02.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic03.png b/Topics/00. Course-Introduction/imgs/pic03.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic03.png rename to Topics/00. Course-Introduction/imgs/pic03.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic04.png b/Topics/00. Course-Introduction/imgs/pic04.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic04.png rename to Topics/00. Course-Introduction/imgs/pic04.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic05.png b/Topics/00. Course-Introduction/imgs/pic05.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic05.png rename to Topics/00. Course-Introduction/imgs/pic05.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic06.png b/Topics/00. Course-Introduction/imgs/pic06.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic06.png rename to Topics/00. Course-Introduction/imgs/pic06.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic07.png b/Topics/00. Course-Introduction/imgs/pic07.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic07.png rename to Topics/00. Course-Introduction/imgs/pic07.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic08.png b/Topics/00. Course-Introduction/imgs/pic08.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic08.png rename to Topics/00. Course-Introduction/imgs/pic08.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic09.png b/Topics/00. Course-Introduction/imgs/pic09.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic09.png rename to Topics/00. Course-Introduction/imgs/pic09.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic10.png b/Topics/00. Course-Introduction/imgs/pic10.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic10.png rename to Topics/00. Course-Introduction/imgs/pic10.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic11.png b/Topics/00. Course-Introduction/imgs/pic11.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic11.png rename to Topics/00. Course-Introduction/imgs/pic11.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic12.png b/Topics/00. Course-Introduction/imgs/pic12.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic12.png rename to Topics/00. Course-Introduction/imgs/pic12.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic13.png b/Topics/00. Course-Introduction/imgs/pic13.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic13.png rename to Topics/00. Course-Introduction/imgs/pic13.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic14.png b/Topics/00. Course-Introduction/imgs/pic14.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic14.png rename to Topics/00. Course-Introduction/imgs/pic14.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic15.png b/Topics/00. Course-Introduction/imgs/pic15.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic15.png rename to Topics/00. Course-Introduction/imgs/pic15.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic16.png b/Topics/00. Course-Introduction/imgs/pic16.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic16.png rename to Topics/00. Course-Introduction/imgs/pic16.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic17.png b/Topics/00. Course-Introduction/imgs/pic17.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic17.png rename to Topics/00. Course-Introduction/imgs/pic17.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic18.png b/Topics/00. Course-Introduction/imgs/pic18.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic18.png rename to Topics/00. Course-Introduction/imgs/pic18.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic19.png b/Topics/00. Course-Introduction/imgs/pic19.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic19.png rename to Topics/00. Course-Introduction/imgs/pic19.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic20.png b/Topics/00. Course-Introduction/imgs/pic20.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic20.png rename to Topics/00. Course-Introduction/imgs/pic20.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic21.png b/Topics/00. Course-Introduction/imgs/pic21.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic21.png rename to Topics/00. Course-Introduction/imgs/pic21.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic22.png b/Topics/00. Course-Introduction/imgs/pic22.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic22.png rename to Topics/00. Course-Introduction/imgs/pic22.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic25.png b/Topics/00. Course-Introduction/imgs/pic25.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic25.png rename to Topics/00. Course-Introduction/imgs/pic25.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic26.png b/Topics/00. Course-Introduction/imgs/pic26.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic26.png rename to Topics/00. Course-Introduction/imgs/pic26.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic27.png b/Topics/00. Course-Introduction/imgs/pic27.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic27.png rename to Topics/00. Course-Introduction/imgs/pic27.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic28.png b/Topics/00. Course-Introduction/imgs/pic28.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic28.png rename to Topics/00. Course-Introduction/imgs/pic28.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic29.png b/Topics/00. Course-Introduction/imgs/pic29.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic29.png rename to Topics/00. Course-Introduction/imgs/pic29.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic30.png b/Topics/00. Course-Introduction/imgs/pic30.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic30.png rename to Topics/00. Course-Introduction/imgs/pic30.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic31.png b/Topics/00. Course-Introduction/imgs/pic31.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic31.png rename to Topics/00. Course-Introduction/imgs/pic31.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic32.png b/Topics/00. Course-Introduction/imgs/pic32.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic32.png rename to Topics/00. Course-Introduction/imgs/pic32.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic33.png b/Topics/00. Course-Introduction/imgs/pic33.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic33.png rename to Topics/00. Course-Introduction/imgs/pic33.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic34.png b/Topics/00. Course-Introduction/imgs/pic34.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic34.png rename to Topics/00. Course-Introduction/imgs/pic34.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic35.png b/Topics/00. Course-Introduction/imgs/pic35.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic35.png rename to Topics/00. Course-Introduction/imgs/pic35.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic36.png b/Topics/00. Course-Introduction/imgs/pic36.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic36.png rename to Topics/00. Course-Introduction/imgs/pic36.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic37.png b/Topics/00. Course-Introduction/imgs/pic37.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic37.png rename to Topics/00. Course-Introduction/imgs/pic37.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic38.png b/Topics/00. Course-Introduction/imgs/pic38.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic38.png rename to Topics/00. Course-Introduction/imgs/pic38.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic39.png b/Topics/00. Course-Introduction/imgs/pic39.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic39.png rename to Topics/00. Course-Introduction/imgs/pic39.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic40.png b/Topics/00. Course-Introduction/imgs/pic40.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic40.png rename to Topics/00. Course-Introduction/imgs/pic40.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic41.png b/Topics/00. Course-Introduction/imgs/pic41.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic41.png rename to Topics/00. Course-Introduction/imgs/pic41.png diff --git a/Topics/00. Course-Introduction/slides/imgs/pic42.png b/Topics/00. Course-Introduction/imgs/pic42.png similarity index 100% rename from Topics/00. Course-Introduction/slides/imgs/pic42.png rename to Topics/00. Course-Introduction/imgs/pic42.png diff --git a/Topics/00. Course-Introduction/slides/README.md b/Topics/00. Course-Introduction/slides/README.md deleted file mode 100644 index 66785ca..0000000 --- a/Topics/00. Course-Introduction/slides/README.md +++ /dev/null @@ -1,252 +0,0 @@ - - -# HTML Basics: Course Introduction -## Course Program, Evaluation, Resources - -
-

HTML Basics

-

Telerik Software Academy

- http://academy.telerik.com -
- - - - - - - -# Table of Contents -- [HTML Course Curriculum](#/curriculum) -- [Evaluation](#/evaluation) -- [Learning Resources](#/resources) - - [Required software](#/software) - - - - - - - - - - - -# What's Coming Next? -- HTML Introduction - - Fundamental for web development - - Start of the **Front-end track** - - Lectures once a week - - Test exam **after a month** -- The course exam? - - **35 questions** for **45 minutes** - - Telerik Academy Test System - - - - - -# Why HTML, CSS and JS? -- **HTML**, **CSS** and **JS** – the standard for web-based UI - - Web-based applications are extremely popular - - Run on **anything with a browser** - - Many frameworks that produce **native applications** from HTML, CSS and JS -- **HTML** and **CSS** – evolving standards -- **JavaScript** - - High-level scripting language, easy to use - - The [**most widely used**](http://stackoverflow.com/research/developer-survey-2015) programming language - - Runs on client and server - - Has a bad history, but is a quite good language - - - -# HTML Basics Program -- Web Development Fundamentals -- Introduction to HTML -- HTML Tables -- HTML Forms -- Semantic HTML -- **HTML Basics Test** - - - - - - - - - - -# Evaluation - - - - - - - -# HTML Basics - Evaluation -- Evaluation components - - **Test** up to **75%** - - **Homework** – **15%** - - Homework **evaluation** – **5%** - - 3 peer reviews per homework - - **Attendance** in class – **5%** - - - - - -# HTML Basics Test – Sample Question -- You are given the following (exact) HTML code: - -```html -
-

This is\r\n - multi-line - text

-
-``` - -- What will the page text look like in a modern browser? - - - -# Homework Assignments -- Doing your homework is very important! - - Programming can only be learned through **a lot of practice**! -- Homework assignments due few days after each lecture - - No excuses for being late - - Deadlines are final & enforced by the system -- Submit homework through [telerikacademy.com](http://telerikacademy.com) - - -# Homework Peer Reviews -- Everyone will **get feedback** for their homework -- Everyone will **give feedback** for few random homework submissions - - Students submit homework **anonymously** - - Please exclude your name from the submissions! - - For each homework submitted - - Students **evaluate 3 random homeworks** - - From the same topic, after the deadline - - Give written feedback, at least 200 characters - - Low-quality feedback → report for punishment - - - -# Attendance in Class - - We encourage live participation - - Top performers throughout the years have always spent lots of time in the academy halls -- Register your presence @ barcode scanners - - Last check-in is listed in your student profile - - Scanners are next to the doors - - Use Student ID Card - - Check in+/- 30 min.before / after lecture starts - - - - - -# Pass / Excellence / Fail Criteria - - Criteria for pass / pass with excellence / fail -

- - **Passwith excellence** - - Very high exam results - - or High total results - - **Pass** - - Average total results - - **Fail** - - Low total results or low exam results - - - - - - - - -# Additional Resources -## Optional resources for the course - - - - - - - - - - - - -# Additional Resources - -- [Mozilla Developer Network](https://developer.mozilla.org/en-US/) - - The most complete documentation of web standards - - `HTML`, `CSS` and `JavaScript` - - Supported features on different browsers and versions -- [Stack Overflow](http://stackoverflow.com/) - - [Newest HTML questions](http://stackoverflow.com/questions/tagged/html) - - [Newest CSS questions](http://stackoverflow.com/questions/tagged/css) - - [Newest JavaScript questions](http://stackoverflow.com/questions/tagged/javascript) - - -# Course Web Site & Forums -- Register for the "Telerik Academy Forums": - - http://telerikacademy.com/Forum/Category/27/HTML-CSS - - Discuss the course exercises with your colleagues - - Find solutions for the exercises - - Share source code / discuss ideas -- The HTML Basics official web site: - - [academy.telerik.com/student-courses/web-design-and-ui/html-fundamentals/about](http://academy.telerik.com/student-courses/web-design-and-ui/html-fundamentals/about ) - - - - -- The Telerik Integrated Learning System (TILS) - - [www.telerikacademy.com](http://www.telerikacademy.com) - - Important resource for all students - - Homework submissions - - Homework peer reviews - - Presence cards with barcode - - Reports about your results -- [telerikacademy.com/Courses/Courses/Details/324](http://telerikacademy.com/Courses/Courses/Details/324) - - - - -# Required Software -- Software needed for this course: - - [Atom](https://atom.io/) - - [Sublime Text 2/3](http://www.sublimetext.com/2) - - [Notepad++](https://notepad-plus-plus.org/) - - [VS Code](https://www.visualstudio.com/en-us/products/code-vs.aspx) - - [Jetbrains WebStorm](https://www.jetbrains.com/webstorm/) - - [Aptana Studio](http://www.aptana.com/) - - Microsoft [Visual Studio 2013 or 2015](https://www.visualstudio.com/) - - Visual Studio Community (free version of VS) - - Any text editor that is convenient with you - - - - - -# HTML Basics: Course Introduction - - - - -# Free Trainings @ Telerik Academy -- Web front-end track - - [html.telerik.com](http://academy.telerik.com/student-courses/web-design-and-ui/about) - - Telerik Software Academy - - [academy.telerik.com](academy.telerik.com) - - Telerik Academy @ Facebook - - [facebook.com/TelerikAcademy](facebook.com/TelerikAcademy) - - Telerik Academy Learning System - - [telerikacademy.com](telerikacademy.com) diff --git a/Topics/00. Course-Introduction/slides/index.html b/Topics/00. Course-Introduction/slides/index.html deleted file mode 100644 index 0fb9d73..0000000 --- a/Topics/00. Course-Introduction/slides/index.html +++ /dev/null @@ -1,56 +0,0 @@ - - - - - Course Introduction: HTML Basics - - - - - - - - - - - - - - - -
-
- - -
-
-
-
- - - - - - - - - - diff --git a/Topics/00. Course-Introduction/slides/open.js b/Topics/00. Course-Introduction/slides/open.js deleted file mode 100644 index 3037264..0000000 --- a/Topics/00. Course-Introduction/slides/open.js +++ /dev/null @@ -1 +0,0 @@ -require("openurl").open("http://localhost:10000/index.html"); diff --git a/Topics/00. Course-Introduction/slides/package.json b/Topics/00. Course-Introduction/slides/package.json deleted file mode 100644 index a3bb4c9..0000000 --- a/Topics/00. Course-Introduction/slides/package.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "name": "", - "version": "1.0.0", - "description": "", - "main": "index.js", - "dependencies": { - "http-server": "^0.8.0", - "openurl": "^1.1.0" - }, - "devDependencies": {}, - "scripts": { - "start": "node ./node_modules/http-server/bin/http-server -p 10000 & node open.js" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/TelerikAcademy/Web-Services-and-Cloud.git" - }, - "keywords": [ - "sammy.js", - "jquery", - "spa", - "single-page-applications" - ], - "author": "Doncho Minkov (DonchoMinkov@gmail.com)", - "license": "MIT", - "bugs": { - "url": "https://github.com/TelerikAcademy/JavaScript-Applications/issues" - }, - "homepage": "https://github.com/TelerikAcademy/JavaScript-Applications#readme" -} \ No newline at end of file