Front-End Web Design & Development
Gain hands-on expertise in ICT Web Design Essentials certification exam with ICT Web Design Essentials course. This program starts with the fundamentals of designing websites and provides the knowledge to demonstrate web page design principles, plan the design and development of an effective website, create web pages using basic HTML code and authoring tools, use collaborative web technologies in a web development or research project, and prepare web pages for publication.
Learners will then move on to prep for the CIW Site Development Associate 1D0-61B exam. We'll introduce learners to various technologies available to enhance a user's web experience; and design and color principles for web pages. Learners will gain expertise in applying CSS and the latest versions; designing web pages to industry standards, considering copyright and ethical issues when creating web pages, and more.
Finally, we'll cover CIW: Advanced HTML5 and CSS3 Specialist exam where Learners will go through instruction in essential HTML5, Cascading Style Sheets (CSS3), and JavaScript knowledge used in web development. Learners will demonstrate skills in HTML forms, validating HTML codes, using CSS and more!
This program covers the following key areas and topics:
- Principles of Web Design
- Planning a Web Site
- Creating a Web Site
- Publishing a Web Site
- Markup Language and Site Development Essentials
- HTML5 Coding
- Cascading Style Sheets (CSS3) and Graphical Elements
- Hyperlinks
- HTML Tables
- Web Forms
- Video, Audio and Image Techniques
- Extending HTML
- GUI HTML Editors and Mobile Websites
- Website Development for Business
- Advanced CSS3 Techniques
- Introduction to JavaScript Events, Functions and Methods
- Using HTML5 APIs
- Completing, Submitting and Validating User Input Forms
- Copyright, Ethics and Legal Considerations
- CIW Advanced HTML5 and CSS3 Specialist Objectives and Lessons
- Using HTML5 APIs
As part of this program, Learners will complete the following hands-on labs and activities:
- Creating a Simple HTML5 Page
- Creating Paragraph Breaks and Line Breaks With HTML5
- Using Headings in HTML5
- Indenting and Centering Text With HTML5
- Using Text-Level Phrasing Elements in HTML5
- Creating Lists With HTML5
- Documenting and Commenting on the HTML5 Code
- Using an External Style Sheet With HTML5
- Assigning Inline CSS Attribute Values to the hr Tag in HTML5
- Incorporating Images in an HTML5 Page
- Changing Page Colors and Backgrounds With HTML5
- Formatting Text With CSS3
- Creating Local Text Hyperlinks in HTML5
- Creating External Hyperlinks
- Using Images as Hyperlinks
- Using Internal Hyperlinks
- Creating HTML5 Tables to Organize Content
- Creating a Simple Web Form in HTML5
- Adding a Radio Button Group to an HTML5 Web Form
- Adding Check boxes to an HTML5 Web Form
- Adding a Single-Option Drop-Down List to an HTML5 Web Form
- Adding a Multiple-Option Select List to an HTML5 Web Form
- Adding a Scrolling Text Area Box to an HTML5 Web Form
- Adding a Video to an HTML5 Webpage
- Adding an iframe to an HTML5 Webpage
- Adding Audio to an HTML5 Webpage
- Defining a Client-Side Image Map
- Using JavaScript to Detect the Browser Type
- Using Simple JavaScript to Create an Interactive Webpage
- Experimenting With the HTML5 Canvas API
- Experimenting With the Geolocation API
- Adding Drag-and-Drop Functionality to a Webpage
- Creating an HTML Table With a GUI Editor
- Creating External Hyperlinks With a GUI Editor
- Creating Bulleted and Numbered Lists With a GUI Editor
- Changing Font and Background Color With a GUI Editor
- Adding an Image to a Webpage With a GUI Editor
- Creating a Webpage With a GUI Editor
- Creating 2D and 3D Transformations with CSS3
- Using CSS3 Transitions
- Creating CSS3 Animations
- Animating a Text Box Using CSS3
- Using the CSS3 resize Property
- Creating a CSS Menu
- Using the JavaScript's alert() Method
- Using the JavaScript's prompt() Method
- Using the JavaScript's document.write() Method
- Using the JavaScript's navigator Object
- Using Operators in JavaScript
- Using the switch Statement in HTML
- Using the if Statement in HTML
- Using the if-else Statement in HTML
- Using the while Loop in HTML
- Using the for Loop in HTML
- Using JavaScript Event Handlers
- Using Functions, Arguments, and Return Values in JavaScript
- Creating a User-Defined Function in JavaScript
- Creating an External JavaScript File
- Calling a Function from within Another Function in JavaScript
- Calling Functions and Using their Arguments
- Using the setInterval Method in Animations in HTML
- Using the setTimeout Method in Animations in HTML
- Using the parseFloat() Conversion Function in JavaScript
- Transmitting and Parsing Complex Objects in HTML
- Animating an Image in HTML
- Manipulating a Canvas in HTML
- Using the HTML5 Canvas API
- Using the Drag-and-Drop Functionality of HTML5
- Using the HTML5 File API to List and Read Files
- Sending and Receiving Data in HTML
- Retrieving and Manipulating Data Using jQuery
- Using New HTML5 Input Types
- Using the search Input Type
- Using the textarea Element with the placeholder Attribute
- Using the HTML5 datalist Element
- Using the fieldset and legend Elements
- Using the HTML5 autofocus Attribute with the input Element
- Using the HTML5 autocomplete Attribute with the form Element
- Loading and Saving Files in HTML
- Using the button Element to Submit Forms
- Using the HTML5 formtarget Attribute
- Using the HTML5 pattern Attribute
- Using the pattern Attribute with HTML Input Types
- Using the HTML5 required Attribute
Certification Opportunities
After completing this program, learners will have the opportunity to take the leading national/industry-recognized certification exam(s) essential to entry-level employment in this fast-growing field.
| CIW Site Development Associate (1D0-61B) | |
| CIW Advanced HTML5 and CSS3 Specialist (1D0-620) |
Optional Volunteer Externship Opportunity
Learners who complete this program are eligible to participate in an optional volunteer externship opportunity with a local company/agency/organization whose work aligns with this area of study in order to gain valuable hands-on experience. As learners progress through their eLearning program, an Externship Coordinator will reach out to coordinate placement.
Note: Additional documentation including health records, immunizations, drug-screening, criminal background checks, etc. may be required by the externship facility.
Requirements
- High School Diploma or GED
Program Details
- Mobile-Ready
- National Certification Opportunity
- All Textbooks & Materials
- Laptops Available
- 24/7 Learner Support
- Certificate of Completion
- Optional Externship Opportunity