Idioma

Programming with HTML, CSS, and JavaScript.

CL_55320A

Este curso actualiza y reemplaza el curso MS_20480.
 
Duración: 5 Días.
Examen: Este curso no tiene examen asociado.
 
Descarga el Temario en versión PDF
 
  • Temario
  • Info del Curso
Module 1: A Quick Overview of Web Development.

This module gives an overview of the client-side and server-side technologies used in web development.

HTML is Part of a Team.
Client-side Programming.
Server-side Programming.
Web Development Technologies.


Module 2: Introduction to HTML.

This module explains the syntax and structure of HTML documents and provides a short history of HTML.

Exercise: A Simple HTML Document.
Getting Started with a Simple HTML Document.
HTML Elements, Attributes, and Comments.
The HTML Skeleton.
Viewing the Page Source.
Special Characters.
HTML Elements and Special Characters.
History of HTML.
The lang Attribute.
Lab: Getting Started.

  - A Simple HTML Document.


Module 3: Paragraphs, Headings, and Text.

This module explains how to add paragraphs, headings, and inline text to HTML pages.

Paragraphs.
Heading Levels.
Breaks and Horizontal Rules.
Exercise: Paragraphs, Headings, and Text.
The div Tag.
Creating an HTML Page.
Quoted Text.
Preformatted Text.
Inline Semantic Elements.
Exercise: Adding Inline Elements.
Labs: Exercises included throughout lesson.

  - Creating an HTML Page.
  - Adding Inline Elements.


Module 4: HTML Links.

This module explains the difference between absolute and relative paths and shows how to add links to external HTML pages and to locations within a page. It also shows how to create email links.

Links Introduction.
Text Links.
Absolute vs. Relative Paths.
Targeting New Tabs.
Email Links.
Exercise: Adding Links..
Lorem Ipsum.
The title Attribute.
Linking to a Specific Location on the Page.
Targeting a Specific Location on the Page.
Lab: Exercises included throughout lesson.

  - Adding Links


Module 5: HTML Images.

This module explains how to add images to a page, how to make those images accessible, and how to create image links.

Inserting Images.
Image Links.
Adding Images to the Document.
Exercise: Adding Images to the Page.
Providing Alternative Images.
Lab: Exercises included throughout lesson.

  - Adding Images to the Page.


Module 6: HTML Lists.

This module explains how to add ordered, unordered, and definition lists to HTML pages.

Unordered Lists.
Ordered Lists.
Definition Lists.
Exercise: Creating Lists.
Lab: Exercises included throughout lesson.

  - Creating Lists.


Module 7: Crash Course in CSS.

This module provides a rapid introduction to CSS, explaining the benefits of using CSS to style HTML pages and describing the different ways to add CSS styles to HTML pages and elements.

Benefits of Cascading Style Sheets.
CSS Rules.
Selectors.
Combinators.
Precedence of Selectors.
How Browsers Style Pages.
CSS Resets.
CSS Normalizers.
External Stylesheets, Embedded Stylesheets, and Inline Styles.
Exercise: Creating an External Stylesheet.
Exercise: Creating an Embedded Stylesheet.
Exercise: Adding Inline Styles.
Div and span.
Exercise: Styling div and span.
Media Types.
Units of Measurement.
Inheritance.
Labs: Exercises included throughout lesson.

  - Creating an External Stylesheet.
  - Creating an Embedded Stylesheet.
  - Adding Inline Styles.
  - Styling div and span Elements.


Module 8: CSS Fonts.

This module explains how to make text bold and italic and how to control other font attributes with CSS.

font-family.
@font-face.
font-size.
font-style.
font-variant.
font-weight.
line-height.
font shorthand.
Exercise: Styling Fonts.
Lab: Exercises included throughout lesson.

  - Styling Fonts.


Module 9: Color and Opacity.

This module explains how to control the color and opacity of elements on an HTML page.

About Color and Opacity.
Color and Opacity Values.
color.
opacity.
Exercise: Adding Color and Opacity to Text.
Lab: Exercises included throughout lesson.

  - Adding Color and Opacity to the Text.


Module 10: CSS Text.

This module explains how to align, underline, cross out, and space letters and words, how to indent text, how to control whitespace, and how to add shadows to text.

letter-spacing.
text-align.
text-decoration.
text-indent.
text-shadow.
text-transform.
white-space.
word-break.
word-spacing.
Exercise: Text Properties.
Lab: Exercises included throughout lesson.

  - Text Properties.


Module 11: JavaScript Basics.

This module provides an introduction to the HTML Document Object Model and to JavaScript, its purpose, its syntax, and its structure.

JavaScript vs. EcmaScript.
The HTML DOM.
JavaScript Syntax.
Accessing Elements.
Where Is JavaScript Code Written?
JavaScript Objects, Methods, and Properties.
Exercise: Alerts, Writing, and Changing Background Color.
Lab: Exercises included throughout lesson.

  - Alerts, Writing, and Changing Background Color.


Module 12: Variables, Arrays, and Operators.

This module explains how to create and use JavaScript variables and arrays, and introduces JavaScript operators.

JavaScript Variables.
A Loosely Typed Language.
Google Chrome DevTools.
Storing User-Entered Data.
Exercise: Using Variables.
Constants.
Arrays.
Exercise: Working with Arrays.
Associative Arrays.
Playing with Array Methods.
JavaScript Operators.
The Modulus Operator.
Playing with Operators.
The Default Operator.
Exercise: Working with Operators.
Labs: Exercises included throughout lesson.

  - Working with Arrays.
  - Working with Operators.


Module 13: JavaScript Functions.

This module explains how to use built-in JavaScript functions and how to write your own user-defined functions.

Global Objects and Functions.
Exercise: Working with Global Functions.
User-defined Functions.
Exercise: Writing a JavaScript Function.
Returning Values from Functions.
Labs: Exercises included throughout lesson.

  - Working with Global Functions
  - Writing a JavaScript Function


Module 14: Built-In JavaScript Objects.

This module covers the built-in JavaScript objects and shows how to create helper functions to provide additional functionality.

Strings.
Math.
Date.
Helper Functions.
Exercise: Returning the Day of the Week as a String.
Lab: Exercises included throughout lesson.

  - Returning the Day of the Week as a String.


Module 15: Conditionals and Loops.

This module explains flow control. It covers the different types of conditionals and loops in JavaScript.

Conditionals.
Short-circuiting.
Switch / Case.
Ternary Operator.
Truthy and Falsy.
Exercise: Conditional Processing.
Loops.
while and do…while Loops.
for Loops.
break and continue.
Exercise: Working with Loops.
Array: forEach().
Labs: Exercises included throughout lesson.

  - Conditional Processing.
  - Working with Loops.


Module 16: Event Handlers and Listeners.

This module explains how to capture and respond to events such as mouse clicks and keyboard actions. It also explains how to create timers in JavaScript.

On-event Handlers.
Exercise: Using On-event Handlers.
The addEventListener() Method.
Anonymous Functions.
Capturing Key Events.
Exercise: Adding Event Listeners.
Benefits of Event Listeners.
Timers.
Typing Test.
Labs: Exercises included throughout lesson.

  - Using On-event Handlers.
  - Adding Event Listeners.
  - Creating a Typing Test.


Module 17: The HTML Document Object Model.

This module dives deep into the HTML Document Object Model, explaining the many ways of accessing elements on the page and showing how to dynamically add and remove elements with JavaScript.

CSS Selectors.
The innerHTML Property.
Nodes, NodeLists, and HTMLCollections.
Accessing Element Nodes.
Exercise: Accessing Elements.
Dot Notation and Square Bracket Notation.
Accessing Elements Hierarchically.
Exercise: Working with Hierarchical Elements.
Accessing Attributes.
Creating New Nodes.
Focusing on a Field.
Shopping List Application.
Exercise: Logging.
Exercise: Adding EventListeners.
Exercise: Adding Items to the List.
Exercise: Dynamically Adding Remove Buttons to the List Items.
Exercise: Removing List Items.
Exercise: Preventing Duplicates and Zero-length Product Names.
Manipulating Tables.
Labs: Exercises included throughout lesson.

  - Accessing Elements.
  - Working with Hierarchical Elements.
  - Logging.
  - Adding EventListerners.
  - Adding Items to the List.
  - Dynamically Adding Remove Buttons to the List Items.
  - Removing List Items.
  - Preventing Duplicates and Zero-length Product Names.


Module 18: HTML Forms.

This module explains how to create HTML forms.

How HTML Forms Work.
The form Element.
Form Elements.
Buttons.
Exercise: Creating a Registration Form.
Checkboxes.
Radio Buttons.
Exercise: Adding Checkboxes and Radio Buttons.
Fieldsets.
Select Menus.
Textareas.
Exercise: Adding a Select Menu and a Textarea.
HTML Forms and CSS.
Labs: Exercises included throughout lesson.

  - Creating a Registration Form.
  - Adding Checkboxes and Radio Buttons.
  - Adding a Select Menu and a Textarea.


Module 19: JavaScript Form Validation.

This module explains how to validate HTML forms with HTML attributes and with JavaScript.

Server-side Form Validation.
HTML Form Validation.
Accessing Form Data.
Form Validation with JavaScript.
Exercise: Checking the Validity of the Email and URL Fields.
Checking Validity on Input and Submit Events.
Adding Error Messages.
Validating Textareas.
Validating Checkboxes.
Validating Radio Buttons.
Validating Select Menus.
Exercise: Validating the Ice Cream Order Form.
Giving the User a Chance.
Labs: Exercises included throughout lesson.

  - Checking the Validity of the Email and URL Fields
  - Validating the Ice Cream Order Form


Module 20: Regular Expressions.

This module covers regular expressions and explains how to use them for advanced HTML form validation and to clean up form entries.

Getting Started.
Regular Expression Syntax.
Backreferences.
Form Validation with Regular Expressions.
Cleaning Up Form Entries.
Exercise: Cleaning Up Form Entries.
A Slightly More Complex Example.
Lab: Exercises included throughout lesson.

  - Cleaning up Form Entries.

 
This course is intended for IT professionals interested in becoming client-side web developers. who need to get a jump start on all three technologies. The course includes more than 30 exercises, providing a rapid hands-on introduction to the three major client-side languages: HTML, CSS, and JavaScript. Students should be prepared to cover a lot of ground quickly.

This course covers the same technologies as the retired Course 20480-C: Programming in HTML5 with JavaScript and CSS3. Like that course, this course focuses on using HTML, CSS, and JavaScript to develop web pages, implement programming logic, define and use variables, perform looping and branching, capture and validate user input, store data, and create well-structured applications. However, this course does not cover the HTML5 APIs covered in 20480.

Students can take this course on any computer with a web browser. Although it’s not required, we recommend Visual Studio Code as the editor.
 
Audience profile.
This course is intended for students new to computer programming or experienced programmers who are new to client-side web development.
 
Prerequisites.
Before attending this course, students must have:
 
•  Basic computer and typing skills.
 
Skills gained.
After completing this course, students will be able to:
 
•  Describe the technologies involved in web development.
•  Create HTML pages with links and images.
•  Explain the benefits of CSS.
•  Style HTML pages with CSS.
•  Explain the concepts of objects, methods, and properties.
•  Work with JavaScript variables.
•  Create their own custom functions in JavaScript.
•  Write flow control logic in JavaScript.
•  Write JavaScript code that listens for and handles events, such as mouse clicks and page loads.
•  Create forms with HTML and validate them with JavaScript.
•  Use regular expressions in JavaScript for advanced form validation.
 
Garantia Ofrecemos la garantía 100% de satisfacción
Si no te gusta el resultado de tu Curso, puedes volver a tomarlo en cualquier otra fecha calendario.
 
Regresa a la página anterior
 
 
  Cursos relacionados  
Fundamentals
PL-900T00 Microsoft Power Platform Fundamentals
Associate
PL-100T00 Microsoft Power Platform App Maker
PL-200T00 Microsoft Power Platform Functional Consultant
PL-300T00 Microsoft Power BI Data Analyst
PL-400T00 Microsoft Power Platform Developer
PL-500T00 Microsoft Power Automate RPA Developer
Expert
PL-600T00 Power Platform Solution Architect
Forms & Workflow
CL_55265 Microsoft Power Apps for End Users
CL_55268 Microsoft Power Automate for End Users
CL_55304 Microsoft Dataverse for Teams
Programming Languages
CL_55339 Programming in C#
Web Applications
CL_55320 Programming with HTML, CSS, and JavaScript
CL_55340 Developing ASP.NET Core Web Applications
Workshops
KD-05101 App in a Day
KD-05102 Robotic Process Automation in a Day
KD-05103 Power Virtual Agents in a Day
KD-05104 Dataverse for Teams in a Day
KD-05105 Administrator in a Day Microsoft Power Platform
KD-05106 Low-Code for Developer in a Day Power Platform
KD-05107 PCF - Power Apps Code Components in a Day
 
 
Cursos Nuevo
 
   
 
Cursos bajo Requerimiento Especial
Es aquel que se puede impartir siempre y cuando cumpla con un mínimo de participantes para su confirmación de fechas depende de la disponibilidad de KeD. Contacte a su Representante de Ventas
 
     
  Horarios Online  
  Horario Matutino:
Lunes a Viernes de 8:00 a 15:00 hrs.
 
     
  Horario Vespertino:
Lunes a Viernes de 15:00 a 21:00 hrs.
 
     
  Horario de Fin de Semana:
Sábado 8:00 a 15:00
 
 
 
Logo KeD