Opleidingen

Opleiding: English Delivery Only: Web Development 1 with HTML,CSS and JavaScript [STA_WEBDEV1]

OVERVIEW

Web Development 1 with HTML,CSS and JavaScript Course Overview

The Web Development 1 with HTML,CSS and JavaScript course comprises sessions dealing with HTML,CSS and JavaScript - the three core languages of web development. HTML tags give a web page its structure,Cascading Style Sheets provide the style,and JavaScript code is used to make the page dynamic and interactive. All three are essential for a modern,responsive web site.

The delegate will learn how to construct and style a simple web site,and add dynamic and interactive behaviour to their web pages.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

OBJECTIVES

Course Objectives

This course aims to provide the delegate with the knowledge to be able to construct and style a responsive,dynamic,and interactive web site using all core elements of the HTML,CSS,and JavaScript languages including AJAX.

AUDIENCE

Who will the Course Benefit?

The Web Development 1 with HTML,CSS and JavaScript course is designed for those new to web development.

NEXT STEP

Further Learning

  • jQuery Web Development
  • React
  • Angular Development

CONTENT

Web Development 1 with HTML,CSS and JavaScript Training Course

Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION TO HTML & CSS

  • What is HTML
  • What is CSS
  • Structure and Style
  • Versions and Browser Support

Session 2: HTML STRUCTURE

  • Tags,Elements,and Attributes
  • Typical Document Structure
  • Document Type
  • Entities

Session 3: SIMPLE ELEMENTS

  • Headings
  • Paragraphs
  • Links
  • Images

Session 4: COMPOUND ELEMENTS

  • Nesting
  • Lists
  • Media Queries
  • Tables
  • Forms
  • Divisions

Web Development 1 with HTML,CSS and JavaScript Training Course

Course Contents - DAY 2

Session 5: CSS STRUCTURE

  • Selectors,Properties,and Values
  • Class and ID Attributes
  • Inline,Internal,and External styles
  • Block and Inline Elements
  • The Box Model

Session 6: STYLES

  • Generic Styles
  • List-specific Styles
  • Table-specific Styles
  • Positional Styles

Session 7: COMPLEX SELECTORS

  • Combinators
  • Pseudo Classes
  • Pseudo Elements
  • Attribute Selectors

Session 8: HTML5 & RESPONSIVE WEB DESIGN

  • What is HTML5
  • Responsive Web Design
  • Responsive Grid Layout
  • Introduction to Media Queries
  • Responsive Web Design Frameworks

Web Development 1 with HTML,CSS and JavaScript Training Course

Course Contents - DAY 3

Session 9: INTRODUCTION TO JAVASCRIPT

  • What is JavaScript
  • Dynamism and Interactivity
  • JavaScript and ECMAScript
  • Versions and Browser Support

Session 10: JAVASCRIPT STRUCTURE

  • Inline,Internal,and External Scripts
  • The script and noscript Tags
  • Case Sensitivity
  • Whitespace
  • Comments

Session 11: VARIABLES & EXPRESSIONS

  • Variable Declaration and Assignment
  • Data Types
  • Type Conversion
  • Operators: Arithmetic,Assignment,Comparison,and Logical
  • Simple and Compound Expressions

Session 12: CONDITIONS & LOOPS

  • If Else
  • Switch
  • Ternary Operator
  • For
  • While
  • Do
  • Break
  • Continue

Web Development 1 with HTML,CSS and JavaScript Training Course

Course Contents - DAY 4

Session 13: FUNCTIONS

  • Function Declaration
  • Function Invocation
  • Variable Scope and Hoisting
  • Functions as Data
  • Anonymous Functions

Session 14: OBJECTS

  • Object Literal
  • Object Properties
  • Constructor Function
  • Prototype Manipulation
  • String,Number,Date,and Math
  • Regular Expressions

Session 15: ARRAYS

  • Array Literal
  • Array Elements
  • Array Traversal
  • Array Functions
  • Multi-dimensional Arrays

Session 16: ERRORS & DEBUGGING

  • In-browser Developer Tools
  • Console Object
  • Debugging
  • Throw,Try,and Catch

Web Development 1 with HTML,CSS and JavaScript Training Course

Course Contents - DAY 5

Session 17: DOM

  • Relationship between HTML and JavaScript
  • Element Referencing
  • Common Element Properties
  • DOM Navigation
  • DOM Manipulation

Session 18: EVENT HANDLING

  • Event
  • Event Object
  • Event Handler
  • Event Handler Assignment
  • Form Validation

Session 19: BOM

  • Window Object
  • Screen,History,and Navigator Objects
  • Alerts and Prompts
  • Timeouts and Intervals
  • Cookies

Session 20: AJAX

  • The Request and Response Model
  • XMLHttpRequest Object
  • Asynchronous Request
  • Callbacks
  • Introduction to XML and JSON
Meer...
€2.850
ex. BTW
Aangeboden door
Global Knowledge Network Netherlands B.V.
Onderwerp
Niveau
Looptijd
5 dagen
Taal
nl
Type product
cursus
Lesvorm
Klassikaal
Aantal deelnemers
Max: 16
Tijdstip
Overdag
Keurmerken aanbieder
Cedeo
CRKBO en BTW-vrijstelling
VOI
EXIN
ISO register
Microsoft Learning Partner
VMWare Partner
Oracle Education Partner
AgilePM - Agile Project Management (APMG)
ASL