Skip to main content
Side panel
Home
More
You are currently using guest access
Log in
Home
Open course index
Open block drawer
Open Courses in English
Digital Skills Courses
Study / Web Design and Web Development
Submodule 23.1: Prepration
Book
Submodule 23.1: Prepration
Book
Print book
Print this chapter
More
Submodule 23.1: Prepration
Completion requirements
View
Previous
Next
Update the Contact component
Exercise
Update
the
contact.component.ts
and
the
contact.component.html
files
Solution:
Previous
Next
◄ Aims - Expected outcomes- Key concepts - Instructions Angular V
Jump to...
Jump to...
Introduction to WEB
Introduction to WEB coding
Simple HTML file
Comments and Lists
Media
Links
Introduction to CSS
Inserting CSS
Applying CSS
The Browser and the Visual Studio code editor
Aims - Expected outcomes- Key concepts Advanced HTML and CSS
Submodule 1.1: Selectors
Submodule 1.2: HTML on Tables
Submodule 1.3: CSS on tables
Submodule 1.4: More elements
Aims - Expected outcomes- Key concepts - Instructions Introduction to WEB tools
Submodule 2.1: Popular tools
Submodule 2.2: Version control. Git - Github
Submodule 2.3: WEB Server
Aims - Expected outcomes- Key concepts - Instructions: Introduction to Bootstrap
Submodule 3.1: Front-end frameworks
Submodule 3.2: Getting Started with Bootstrap
Submodule 3.3: Responsive Design and Bootstrap Grid System
Aims - Expected outcomes- Key concepts - Instructions Bootstrap CSS Components
Submodule 4.1: Navigation - Icons
Submodule 4.2: Displaying Content - Media - Alerting Users
Aims - Expected outcomes- Key concepts - Instructions JavaScript I
Submodule 5.1: Introduction to JavaScript
Submodule 5.2: Simple JavaScript file
Submodule 5.3: JavaScript data types
Aims - Expected outcomes- Key concepts - Instructions JavaScript II
Submodule 6.1: The model of event-driven programming
Submodule 6.2: Making Decisions
Submodule 6.3: Applying the "if" statements
Aims - Expected outcomes- Key concepts - Instructions JavaScript III
Submodule 7.1: Arrays
Submodule 7.2: Loops
Submodule 7.3: Word count
Aims - Expected outcomes- Key concepts - Instructions Forms
Submodule 8.1: The HTML of forms
Submodule 8.2: The CSS of forms
Submodule 8.3: Form validation
Aims - Expected outcomes- Key concepts - Instructions Bootstrap CSS Components II
Submodule 9.1: Buttons - Forms
Aims - Expected outcomes- Key concepts - Instructions Bootstrap JS Components
Submodule 10.1: Tabs and Tabbed Navigation
Submodule 10.2: Accordion
Submodule 10.3: Revealing Content
Submodule 10.4: Carousel
Aims - Expected outcomes- Key concepts - Instructions Completing Bootstrap
Submodule 11.1: Bootstrap and jQuery
Submodule 11.2: It's your time!
Submodule 11.3: Building the application
Aims - Expected outcomes- Key concepts - Instructions JavaScript Functions and Objects
Submodule 12.1: JavaScript Functions
Submodule 12.2: JavaScript Objects
Submodule 12.3: Constructor functions
Aims - Expected outcomes- Key concepts- Instructions ES6, Object Notation
Submodule 13.1: Introduction to ES6
Submodule 13.2: JavaScript classes
Submodule 13.3: Object Notation
A little bit about Typescript
Aims - Expected outcomes- Key concepts- Instructions DOM
Submodule 14.1: Introduction to DOM
Submodule 14.2: DOM methods/properties and DOM Recursion
Submodule 14.3: DOM events
Aims - Expected outcomes- Key concepts - Instructions Images- The Canvas HTML element
Submodule 15.1: Canvas HTML element
Submodule 15.2: The RGBAs of image
Image manipulation
Aims - Expected outcomes- Key concepts- Instructions p5.js I
Submodule 16.1: p5.js Introduction
Submodule 16.2: Basics of p5.js
Submodule 16.3: Colors
Aims - Expected outcomes- Key concepts - Instructions p5.js II
Submodule 17.1: Events
Submodule 17.2: Advanced p5 functions and transformations
Aims - Expected outcomes- Key concepts - Instructions p5.js III
Submodule 18.1: Image in p5.js I
Submodule 18.2: Video in p5.js
Submodule 18.3: Sound in p5.js
Aims - Expected outcomes- Key concepts- Instructions Angular I
Submodule 19.1: Angular Introduction
Submodule 19.2: Getting Started with Angular
Submodule 19.3: Angular Components
Aims - Expected outcomes- Key concepts- Instructions Angular II
Submodule 20.1: Angular Description
Submodule 20.2: Data Binding - Study
Submodule 20.2: Data Binding - Practice
Submodule 20.3: Services and Dependency Injection - Study
Submodule 20.3: Services and Dependency Injection - Practice
Aims - Expected outcomes- Key concepts - Instructions Angular III
Submodule 21.1: Routing - Study
Submodule 21.1: Routing - Practice
Submodule 21.2: Single page Applications - Study
Submodule 21.2: Single Page Applications - Practice
Aims - Expected outcomes- Key concepts - Instructions Angular IV
Submodule 22.1: Angular and Reactive programming - Practice
Submodule 22.2: Setting up a Server using json-server
Submodule 22.3: Angular HTTP Client - Practice
Aims - Expected outcomes- Key concepts - Instructions Angular V
Submodule 23.2: Creating new data - Forms - Study
Submodule 23.2: Creating new data - Forms- Practice
Submodule 23.3: Sending data to the server
Submodule 23.4: Building and Deploying the Angular Application
Submodule 23.2: Creating new data - Forms - Study ►