Front-end Web Development (MasterClass)

Home » Courses » Front-end Web Development (MasterClass)

Course Details

Current Status

Not Enrolled

Price

₦450,000

Get Started

Description:

This course will teach you how to create and maintain modern and responsive websites using the most popular and widely used front-end web development technologies: HTML, CSS, Javascript, Jquery, and Bootstrap. You will learn how to use these technologies to structure, style, and add interactivity and functionality to your web pages. You will also learn how to use web development tools and best practices to optimize your web pages for performance, accessibility, and usability.

Course Objectives:

Explain what front-end web development is and what it involves
Use HTML to create the basic structure and content of your web pages
Use CSS to control the appearance and layout of your web pages
Use Javascript to add dynamic behavior and logic to your web pages
Use Jquery to simplify and enchance your Javascript code and manipulate the DOM
Use Bootstrap to create responsive and mobile-friendly web pages using its grid system, components, and utilities
Use web development tools and best practices to improve your web development workflow and quality
Use web development resources and communities to learn more and stay updated

Delivery: Online – Weekdays & Weekends

Duration: 4 Months

Pre-requisite:

Course Content

Expand All

Introduction to Front-end Web Development 5 Topics

Expand

Module Content

0% Complete 0/5 Steps

What is front-end web development and why is it important?

Front-end web development vs back-end web development

Front-end web development process and framework

Front-end web development tools and platforms

Front-end web development trends and opportunities

HTML Basics 7 Topics

Expand

Module Content

0% Complete 0/7 Steps

What is HTML and how does it work?

How to set up and navigate your web development environment

How to write HTML syntax and commands to create web pages

How to use HTML elements and attributes to structure and annotate your web pages

How to use HTML forms and inputs to collect user data

How to use HTML tables and lists to display data

How to use HTML links and images to add resources to your web pages

CSS Basics 7 Topics

Expand

Module Content

0% Complete 0/7 Steps

What is CSS and how does it work?

How to write CSS syntax and commands to style web pages

How to use CSS selectors and properties to target and manipulate HTML elements

How to use CSS values and units to specify colors, sizes, positions, etc.

How to use CSS box model and layout to control the appearance and arrangement of HTML elements

How to use CSS fonts and text to customize the typography of your web pages

How to use CSS transitions and animations to add effects to your web pages

Javascript Basics 7 Topics

Expand

Module Content

0% Complete 0/7 Steps

What is Javascript and how does it work?

How to write Javascript syntax and commands to add interactivity and functionality to web pages

How to use Javascript variables and data types to store and manipulate data

How to use Javascript operators and expressions to perform calculations and comparisons

How to use Javascript control structures and functions to create and execute logic

How to use Javascript events and listeners to handle user actions and browser events

How to use Javascript objects and arrays to organize and access data

Jquery Basics 6 Topics

Expand

Module Content

0% Complete 0/6 Steps

What is Jquery and how does it work?

How to use Jquery to simplify and enhance your Javascript code and manipulate the DOM

How to use Jquery selectors and methods to target and manipulate HTML elements

How to use Jquery effects and animations to add effects to your web pages

How to use Jquery AJAX and JSON to communicate with servers and exchange data

How to use Jquery plugins to add more features and functionality to your web pages

Bootstrap Basics 6 Topics

Expand

Module Content

0% Complete 0/6 Steps

What is Bootstrap and how does it work?

How to use Bootstrap to create responsive and mobile-friendly web pages using its grid system, components, and utilities

How to use Bootstrap grid system to create and organize your web page layout

How to use Bootstrap components to add common UI elements to your web pages, such as navbar, carousel, modal, etc.

How to use Bootstrap utilities to add spacing, alignment, colors, etc. to your web pages

How to use Bootstrap customization and theming to modify and style your web pages

Web Development Tools and Best Practices 6 Topics

Expand

Module Content

0% Complete 0/6 Steps

How to use web development tools and best practices to improve your web development workflow and quality

How to use web development editors and IDEs, such as VS Code, Sublime Text, etc., to write and edit your web development code

How to use web development browsers and dev tools, such as Chrome, Firefox, etc., to test and debug your web development code

How to use web development validators and linters, such as W3C Validator, ESLint, etc., to check and correct your web development code

How to use web development version control and collaboration tools, such as Git, Github, etc., to manage and share your web development code

How to use web development performance and optimization tools, such as Google PageSpeed, Webpack, etc., to measure and improve your web development code

Web Development Resources and Communities 5 Topics

Expand

Module Content

0% Complete 0/5 Steps

How to use web development resources and communities to learn more and stay updated

How to use web development documentation and tutorials, such as MDN, W3Schools, etc., to learn and reference web development technologies and topics

How to use web development courses and certifications, such as Coursera, Udemy, etc., to learn and validate web development skills and knowledge

How to use web development blogs and newsletters, such as CSS-Tricks, Smashing Magazine, etc., to learn and stay updated on web development trends and news

How to use web development forums and Q&A sites, such as Stack Overflow, Reddit, etc., to learn and get help from web development experts and peers

Installment payment is available.

Can’t pay at once, we’ve got you covered, choose part payment during the sign up process so you can pay on installments

Refer a friend and get cashback

Get up to N20,000 cashback in your account when your friend registers. No hassle, you and your friend confirms to us and you get paid to your account.

Share with friends