Front End Web Development - Live
Online Live Sessions on Weekdays
Learn Front End Web Development with React, HTML, CSS, JavaScript, jQuery, AJAX, Bootstrap & etc.
Students, Working Professionals

Starting Soon...

Course Overview

The goal of this course is to equip learners with the unique skills they need to build and develop a variety of websites and applications. Students of this course will be able to construct responsive and interactive websites and UI applications also. They will be able to connect a web application to the backend server using jQuery & AJAX. They will also be able to hit the APIs to get the data. In the end, we will have an introduction to React also for the students who want to learn more in this field.

The course includes 1 Minor Project & 1 Major Project based on real-world problems with guided lab sessions. The course will be mentored & guided by the Industry Experts having hands-on experience in design, development & maintenance of Front End Web Applications.

It will be an Online Live (Live Stream) Class, so, you can attend this class from any geographical location. It will be an interactive live session, where you can ask your doubts to the Instructor which is very similar to the offline classroom program.

This is a Weekday Live Classes scheduled on every:

  • Monday - 9:00 PM - 11:00 PM (IST)
  • Wednesday - 9:00 PM - 11:00 PM (IST)
  • Friday - 9:00 PM - 11:00 PM (IST)
The students who are always in a hurry can also take this course as we will be on a fury ride filled with enjoyment.

Pre-requisites:
Should know the basics of programming (in any one programming language C++/ Java / Python).

Recommended for:
Anyone who wants to learn Front End Web Development, specifically:
1. College students who are looking for training in Front End Web Development.
2. Working Professionals who want to learn Front End Web Development.

What You Will Learn

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • AJAX
  • Bootstrap
  • React

Note: All layered with updated versions.

Course Features

  • Course mentored by Industry Expert.
  • Internship Opportunities at GeeksforGeeks.
  • Project-based learning which will add stars to your resume.
  • Course completion certificate.
  • Access to the premium recorded lectures.
  • 2 projects based on real-world problems:
    • 1 Minor Project
    • 1 Major Project

Bonus: 2 More Ladder Climbing Projects for Weak Students.

Course Content

  • Introduction to HTML
  1. HTML Tags: The different types of tags and their explanation.
  2. HTML Forms: The designing of a simple form.
  • Introduction to CSS
  1. CSS Syntax: The syntax of CSS and where to add it to your project.
  2. CSS Types: The types of various CSS.
  3. CSS Background: For setting the different backgrounds for your website.
  4. CSS Color: For setting the different colors for your text.
  • Introduction to Advanced CSS
  1. CSS Transforms: Like skew, rotate, scale, translate & etc.
  2. CSS Media Queries: Like width, height, orientation, resolution & etc.
  • Introduction to JS
  1. JS Syntax: The syntax of JS and where to add it to your project.
  2. JS Forms: For validating the form the JS is used.
  3. JS Functions: Make functions for a modular approach.
  4. JS Objects: Types of the objects and their use.
  •  Introduction to Advanced JS
  1. HTML DOM: The working of the HTML DOM and when it updates itself.
  2. JS BOM: The working of the JS BOM and the uses of it.
  • Minor Project: We will design an Application Form from scratch using HTML, CSS, Bootstrap & JS for validating the credentials.
  • Introduction to jQuery
  1. jQuery Syntax: The syntax of jQuery and where to add it to your project.
  2. jQuery Events: Like click, dblclick, mouseenter, mouseleave & etc. 
  • Introduction to AJAX
  1. AJAX Syntax: The syntax of AJAXand where to add it to your project.
  2. AJAX Uses: Like XMLHttpRequest, request, response & etc.
  • Introduction to Bootstrap
  1. Bootstrap Syntax: The syntax of Bootstrap and where to add it to your project.
  2. Bootstrap Flexbox: For controlling the layout of the components.
  • Major Project: We will design a Simple Website from scratch using AJAX & jQuery to fetch data from the Open Source APIs available.
  • Introduction to React
  1. JSX Syntax: This is a mixture of HTML & JS which makes JSX (JavaScripteXtensible).
  2. Components, Elements & Props: How the Parent Component passes the Props to Child Component?
  • Special: We will also see that in daily life, where the React comes into the picture.

FAQs

  1. How will these classes be conducted?
    It will be an online live (Live Stream) class, so you can attend this class from any geographical location. It will be an interactive live session, where you can ask your doubts to the instructor (similar to our offline classroom program). You just need to have working internet and a PC/Laptop.
     
  2. Is there any number to contact for any query?
    You may call us on our toll-free number: 1800 123 8622 or Drop us an email at geeks.classes@geeksforgeeks.org.
     
  3. How will we work on the projects?
    You will begin the project with the help of a course mentor. Each student will be guided by the mentor in the class itself.
     
  4. Is this a certification course?
    Yes, It's a GeeksforGeeks certified program that includes projects along with learning. All students will receive a completion certificate.
     
  5. What is the size of a batch?
    The planned batch size is 30.
     
  6. How can I register for the course?
    Click on the Signup for free button & Pay Fees online.
     
  7. When can I access the recorded session of the class (if someone misses the live class)?
    The recorded session of the class will be uploaded in 2 working days.
     
  8. Can I have a look at the Demo / Sample lecture (online live lecture), to know about the interface?
    You can go through YouTube Link to have a look at the Demo / Sample lecture online live lecture (of a different course), to know about the interface.

Course Registration

Starting soon..