Front End Web Development Training Course Overview
Begin Your Journey to Becoming an Expert Web Developer. We offer an Introductory course into Front End Development, the ideal point to step into the world of designing website style and user interface. In this course you would be learn the fundamentals of the web using HTML and CSS, you will learn how to create dynamic and interactive websites using PHP and javascript frameworks such as React and Vue. At the end of the course the student would be able to create dynamic websites and web applications. Student would also be able to deploy their projects to the web.
Skills you will learn
- HTML5
- CSS3
- Javascript
- Responsive Web Development
- ReactJS
Course Prerequisites
This course is beginner friendly and it has no prerequisites. The course is ideal for anyone wanting to break into tech through web development, or for anyone wanting to expand their skills.
Course Syllabus
- Introduction to HTML, CSS, Javascript
- Web browsers (Internet Explorer, Firefox, Safari, Opera and Google Chrome)
- Role of HTML in Web Development
- What is HTML?
- HTML Element, tags, attributes
- HTML Meta
- HTML Text
- HTML List
- HTML Links
- HTML Tables & Div
- HTML Image
- HTML Multimedia - Audio, Videos
- HTML Forms
- What is CSS?
- Styling HTML with CSS
- CSS Syntax
- CSS Selectors (ID, Class, Tag, relative)
- CSS Text Fonts
- Styling Links
- CSS Box Model
- CSS Display Positioning
- Introduction
- Installation of Bootstrap Locally or from a CDN (Content Delivery Network)
- Bootstrap Components
- Bootstrap Classes
- Containers
- Basics of Grid
- Typography
- Colors
- Tables
- Images
- Flex
- Utilities
- Forms Validation
- Media breakpoints
- Introduction to JavaScript
- JavaScript language and syntax
- JavaScript Document Object Models (DOM)
- Variables
- Operators
- Functions
- JavaScript Arrays
- Classes and Objects
- Introduction to ReactJS
- Getting Started/Setup
- Components(function & class components)
- Props
- Events
- Functions
- Conditionals
- Lists(map)
- Forms
- Routers
- Css styling
- React Hooks(useState, useEffect, useContext, useRef, useReducer)
- Custom Hooks
- Deploy capstone project on netlify