Developing Modern Web Platforms (HTML,CSS,JS) (15 cr)
Code: TT00CQ83-3007
General information
Timing
01.01.2021 - 31.12.2021
Number of ECTS credits allocated
15 op
Virtual portion
15 op
Mode of delivery
Distance learning
Unit
School of ICT
Campus
Karaportti 2
Teaching languages
- English
Seats
0 - 5000
Degree programmes
- Information and Communication Technology
Teachers
- Virve Prami
Groups
-
ATX21TVNonStop virtual Studies year 2021
Objective
The goal of this course is for the student to be familiar with required technologies to develop modern web platforms. After passing this course, the student will be able to select between primary technologies in web designing to work with them, and also develop projects and websites using such technologies. The student will be introduced to HTML as a markup language for describing web documents, and then will be familiar with CSS to apply styles on HTML elements, and finally learn JavaScript as an interpreted language to add dynamic functionalities to web applications. Together, they are among the essential technologies of World Wide Web content production.
This course is 100% virtual thanks to the comprehensive tutorial videos and content made for this course.
The student will pass this course after submitting required assignments and project.
Content
Introduction:
History of Internet - The advent of World Wide Web - How the web works? - How web can get accessed to? - Common Web Protocols - Solutions for hosting our projects - Hosting > Things to consider - Registering a Domain - Importance of having web developing skills for a software engineer - Web Application vs. Desktop Application - Developing Concerns - The evolution of HTML - Developing Concerns - Responsive Design - Editors - Design > Target your audience - Mockups (Wireframes) - Template > Design - Your website statistics - What is Search Engine Optimization? - Publishing your website - Browsers
HTML:
Tags or Elements - Page Structure - HTML Tags and Attributes - 3 Musketeers - Body Element - Head Element - The Declaration - View the source - Creating your first HTML page - Working with Text - Working with Lists - Working with Links - Working with Images - Working with Tables - Working with Forms - Extra Markups - Commenting in HTML - ID vs. Class - META Tags - Especial Characters
CSS:
Understanding CSS - HTML and CSS are BestFriendsForever - How CSS works? - How to insert CSS? - CSS Selectors - CSS Rules Overlapping - CSS Rules Inheritance - Mastering Colors - Styling Text - Working with Fonts and Typefaces - Styling Links - Hover, active, focus - Boxes; Border, Margin, and Padding - Styling Lists, Tables and Forms - Layouts - Working with Images - HTML5 Layout Elements - CSS Frameworks - Introduction to Bootstrap
JavaScript:
Is JavaScript same as Java? - JavaScript benefits - Say hi to Scripts - Understanding flowcharts for programming - Objects and Properties - Events - Methods - Understanding the Document object - When a Browser meets a Web Page - How HTML-CSS-JS coexist? - Writing your first JavaScript - How to store JS? (Internal vs. External) - Using Objects and Methods - Variables and Data Types - Operators - Functions - This - Using Browser Object Model - Using Document Object Model (DOM) - Working with Global Objects - Comparison Operators - Decisions - Loops - Accessing Elements in DOM - Validation - HTML5 JavaScript APIs - Error Handling and Debugging - Introduction to JavaScript Libraries (EXTRA) - Introduction to jQuery (EXTRA) - Introduction to AngularJS (EXTRA) - Introduction to React.JS (EXTRA)
Location and time
Up to Student - course is online (Self-Study) course.
Materials
Material is in TehcClass environment
Teaching methods
- Tutorial Videos
- Assignments
- Quiz
- Projects
- Self-study
Employer connections
N/A
Exam schedules
Up to Student her-/himself.
International connections
N/A
Completion alternatives
N/A
Student workload
Up to Student - course is online (Self-Study) course.
Content scheduling
Up to Student - course is online (Self-Study) course.
Evaluation scale
Hyväksytty/Hylätty
Assessment criteria, satisfactory (1)
- The student understands the concept of WWW and how to have his/her website up and running with registering domain and allocating a host plan to it.
- The student is familiar with common web protocols.
- The student can properly define web applications and their advantageous over desktop applications.
- The student understands developers concern for developing websites.
- The student can select proper tools to develop a website.
- The student is familiar with the basics of HTML.
- The student is familiar with the basics of CSS.
- The student is familiar with the basics of JavaScript
Assessment criteria, good (3)
- The student understands HTML elements and their attributes.
- The student is able to apply CSS definitions all possible methods.
- The student understands the concept of Colors and how to apply them on web pages and the elements inside of them.
- The student is familiar with CSS Frameworks and has an understanding about Bootstrap and how to apply such library.
- The student is familiar with accessing different elements in DOM.
- The student is able to validate data entered in HTML forms using JavaScript.
- The student is familiar with JavaScript libraries and has an understanding about jQuery, AngularJS, and React.JS
Assessment criteria, excellent (5)
- The student is able to design and implement web pages that have consistent functionalities, well defined HTML tags, and the proper and advance use of CSS.