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.
Course 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
Course 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.
Target audience:
Who will the Course Benefit? The Web Development 1 with HTML,CSS and JavaScript course is designed for those new to web development.
Prerequisites:
Requirements Delegates attending this course should be able to define general programming concepts including compilation and execution,variables,arrays,sequence,selection and iteration,navigate the filesystem (on the command line ideally),edit and save text files and browse the web. This knowledge can be obtained by attendance on the pre-requisite Introduction to Programming – JavaScript course.