Outline detalhado do curso
Module 1: Creating Web Pages using Hypertext Markup Language (HTML)
In this module, you will learn how to create a basic HTML document using the core HTML elements. You will learn about the basic structure of an HTML element (content, attributes, etc.) and how they are used in the context of your HTML web pages.
- Introduction to HTML
- Document Structure and Layout
- Basic HTML Elements
- Formatting HTML Elements
- Hyperlinks
Lab : Creating Web Pages using HTML
- Configure your Development Environment
- Using Various HTML Elements on a HTML Page
You will learn how to create a basic HTML document using the core HTML elements.
Module 2: Creating Sophisticated Document Structures using HTML
In this module, you will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents. You will learn when each of these components are used and their significance in the HTML markup spec. You will also learn how to use components such as SVG and media elements.
- Capturing User Input
- HTML5 Semantic Elements
- Scalable Vector Graphics (SVG)
- Implementing Media Controls
Lab : Creating Sophisticated Document Structures
- Adding Additional HTML Features to Your Web Page
You will learn how to use advanced features of HTML such as forms and semantic elements to create more sophisticated HTML documents.
Module 3: Designing Web Pages Elements using Cascading Style Sheets (CSS)
In this module, you will learn how to use CSS to design your HTML web page. You will be introduced to the basic CSS concepts (declaration, rule set, rule, selector, etc.) and implement basic designs using CSS. You will also be introduced to the CSS box model.
- Introduction to CSS
- Style Definitions
- Style Inheritance
- Box Model
- Fonts
Lab : Designing Web Page Elements using CSS
- Styling Your Web Page Using CSS
You will learn how to use CSS to design your HTML web page.
Module 4: Implementing Program Flow using JavaScript (JS)
In this module, you will learn how to use JavaScript to add a logical flow to your web page. You will first learn the basics of the JavaScript language and then implement simple JavaScript applications through hands-on exercises.
- Introduction to JavaScript
- JavaScript Types
- JavaScript Callbacks
- Advanced JavaScript
- HTML5 APIs
Lab : Implementing Program Flow using JavaScript
- Implement An Image Carousel in JavaScript
You will learn how to use JavaScript to add a logical flow to your web page.
Module 5: Adding External Libraries to Enhance HTML Applications
In this module, you will briefly learn about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code. Featured libraries include: AngularJS, Bootstrap, jQuery, TypeScript and Sass.
- jQuery
- AngularJS
- Bootstrap
- TypeScript
- Sass
Lab : Adding External Libraries to HTML
- Modernize Your Web Page
You will get an overview about various external libraries that can be used to enhance your HTML content, CSS stylesheets and JavaScript code.