Frontend Fundamentals Web Development Training Certification

  4.1 Ratings
  4560 Learners

With web development expected to see a rise of 20% by 2020, equip yourself for one of the most sought after job of our times. Learn Front End development technologies from the scratch with AcadGild’s course Frontend Web Development Fundamentals and build fascinating web applications.

Featured In
Acadgild gets ranked as one of the Top 10 Worldwide Technology Boot Camps.
Course Overview
Introduction to the Web and HTML5
Gain a deep understanding of the relationship between a client and a server, web requests, and response cycles (POST, GET). Explore HTML5 semantics elements: headers and footers, aside, article, canvas, local storage, Geo location, session storage and more.
Styling Sheets CSS, CSS3, SASS and LESS
Style your HTML webpages with CSS, CSS Preprocessor (SASS and LESS)
Client Side Scripting: JavaScript & JQuery.
Understand JavaScript fundamentals (Functions, Scopes, looping structures) with familiarity with JQuery libraries and jQuery Syntax & Selector. Learn about elements selection in jQuery, Attribute Selector, Filtering Elements, Handling Events, Events Types.
Frontend Web Framework: Bootstrap
Design responsive websites with understanding of Bootstrap components, Forms, Grids, pagination and Glyph icons.
Highly Experienced Mentors
Internationally Recognized Certification
Lifetime Access to Dashboard
24X7 Coding
Support
Develop 2 Real Time
Project
Course Syllabus
  • How web works
  • Name server
  • Client server
  • Understanding the URL
  • HTTP
  • Full web request cycle
  • Server side vs client side languages
  • Languages vs framework
  • HTML Tags
  • Attributes
  • Elements
  • HTML basic syntax
  • Basic HTML tags
  • Doctype tag
  • HTML forms
  • Form elements - input; textarea; select
  • HTML lists
  • HTML table
  • HTML table example
  • HTML images
  • HTML iframe
  • Meta tag
  • Understanding CSS
  • CSS syntax
  • CSS selectors
  • CSS selectors type
  • Combining selectors
  • CSS attribute selectors
  • Attaching CSS style
  • Display property
  • CSS box model
  • Margin:auto;max-width
  • CSS background-color property
  • CSS links
  • CSS units
  • Position property
  • CSS float property
  • Problem with float
  • Inheritance
  • Specificity
  • CSS media queries
  • Transitions
  • Animation
  • CSS3 gradients
  • CSS3 filters
  • Multi column layout
  • CSS background
  • Box model
  • CSS box model with box-sizing
  • CSS3 flex property
  • CSS3 flex property example
  • Selectors
  • Pseudo-class
  • Text shadow
  • What is JavaScript
  • First JavaScript program
  • Variable
  • Data types
  • Example of data types
  • Operators
  • Function basics
  • Conditional - if statement; if...else statement; else if statement; if/if..else statement; switch statement
  • Looping statement- for loop; for-in loop; while loop; do-while loop
  • Function
  • Accessing unnamed arguments
  • Scope
  • Debugging in JavaScript
  • Introduction to DOM
  • DOM manipulation
  • Event
  • Event types
  • Action dialog
  • Form validation
  • What is HTML5 ?
  • HTML structure
  • semantic tags
  • HTM5 form
  • HTM5 form attributes
  • HTM5 input types
  • HTM5 form elements
  • HTML storage
  • HTML geolocation
  • Geolocation methods
  • How Web Works
  • Name Server
  • Client Server
  • Understanding the URL
  • HTTP
  • HTTPS
  • Full Web Request Cycle
  • Request Response Cycle
  • Introduction to HTML
  • Basic HTML Syntax
  • Basic HTML Tags
  • DOCTYPE
  • Hello World Using HTML
  • comments
  • Semantic HTML5
  • Legacy Browser Support
  • HTML5 Tags
  • Creating HTML5 Document.
  • HTML5 header
  • HTML5 footer
  • HTML5 navigation
  • Nesting structure
  • aside
  • Checking Document Structure
  • figure and figcaption
  • HTML5 Lists
  • Emphasizing Text
  • Address Element
  • small element
  • mark element
  • date and time
  • Link relationships.
  • Understanding CSS
  • CSS Syntax
  • Applying CSS
  • Cascading Order
  • CSS Selectors
  • CSS Selectors Types
  • Combining Selectors
  • CSSAttribute Selectors
  • CSS Box Model
  • CSS properties
  • CSS margin property
  • CSS Links
  • Position Property
  • Specificity
  • CSS Media Queries.
  • CSS float property
  • Problem With Float and its Solution
  • Relational Selectors
  • pseudo-class
  • About CSS3
  • Transitions
  • Applying Transitions
  • Animation
  • CSS3 - Gradients
  • CSS3 Filters
  • Multi Column Layout
  • CSS3 Background
  • Box Model
  • CSS Box Model with box-sizing
  • text-shadow
  • CSS Preprocessors
  • SASS and LESS Introduction.
  • Introduction to JavaScript
  • Why JavaScript ?
  • Analyzing JavaScript
  • Understanding the JavaScript Code Structure
  • Where to put JavaScript
  • First JavaScript Program
  • JavaScript Variables
  • DataTypes in JavaScript
  • Objects
  • Object Creation
  • Object Manipulation
  • Arrays.
  • Assignment Operators
  • Comparison Operators
  • Arithmetic Operators
  • Logical Operators
  • Conditional if-else
  • Type Checking
  • Looping Structures
  • while loop
  • do-while loop
  • for loop
  • for-in loop.
  • Functions and Uses
  • Function Definition
  • Calling a Function
  • Function with arguments
  • Return statement
  • Access unassigned parameters
  • Anonymous functions
  • Self invoking functions
  • Function as arguments
  • Closure
  • Local and Global scope
  • Lifetime of a variable
  • Hoisting.
  • Meta tag
  • HTML Video Tags
  • HTML Audio Tags
  • ARIA Landmark roles
  • Checking HTML5 document structure and semantic
  • HTML5 - Local Storage
  • HTML5 geolocation api
  • Modernizr
  • Introduction to jQuery
  • Setting up jQuery
  • jQuery Syntax & Selector
  • DOM Ready
  • Selecting Elements in jQuery
  • Attribute Selector
  • Filtering Elements
  • Handling Events
  • Events Types
  • Introduction to Bootstrap
  • Why use BootStrap?
  • First BootStrap page
  • BootStrap Containers
  • BootStrap Grid System
  • Typography BootStrap
  • Handling Tables
  • Form Handling
  • Input Controls
  • Modifying and Handling Form Elements
  • Form Validation
  • Image Handling
  • Glyphicons
  • Pagination
  • Handling Nav Items
  • Nav Classes
  • Navbars
  • Modals
  • Carousel.
  • How Web Works
  • Name Server
  • Client Server
  • Understanding the URL
  • HTTP
  • HTTPS
  • Full Web Request Cycle
  • Request Response Cycle
  • Introduction to HTML
  • Basic HTML Syntax
  • Basic HTML Tags
  • DOCTYPE
  • Hello World Using HTML
  • comments
  • Semantic HTML5
  • Legacy Browser Support
  • HTML5 Tags
  • Creating HTML5 Document.
  • HTML5 header
  • HTML5 footer
  • HTML5 navigation
  • Nesting structure
  • aside
  • Checking Document Structure
  • figure and figcaption
  • HTML5 Lists
  • Emphasizing Text
  • Address Element
  • small element
  • mark element
  • date and time
  • Link relationships.
  • Understanding CSS
  • CSS Syntax
  • Applying CSS
  • Cascading Order
  • CSS Selectors
  • CSS Selectors Types
  • Combining Selectors
  • CSSAttribute Selectors
  • CSS Box Model
  • CSS properties
  • CSS margin property
  • CSS Links
  • Position Property
  • Specificity
  • CSS Media Queries.
  • CSS float property
  • Problem With Float and its Solution
  • Relational Selectors
  • pseudo-class
  • About CSS3
  • Transitions
  • Applying Transitions
  • Animation
  • CSS3 - Gradients
  • CSS3 Filters
  • Multi Column Layout
  • CSS3 Background
  • Box Model
  • CSS Box Model with box-sizing
  • text-shadow
  • CSS Preprocessors
  • SASS and LESS Introduction.
  • Introduction to JavaScript
  • Why JavaScript ?
  • Analyzing JavaScript
  • Understanding the JavaScript Code Structure
  • Where to put JavaScript
  • First JavaScript Program
  • JavaScript Variables
  • DataTypes in JavaScript
  • Objects
  • Object Creation
  • Object Manipulation
  • Arrays.
  • Assignment Operators
  • Comparison Operators
  • Arithmetic Operators
  • Logical Operators
  • Conditional if-else
  • Type Checking
  • Looping Structures
  • while loop
  • do-while loop
  • for loop
  • for-in loop.
  • Functions and Uses
  • Function Definition
  • Calling a Function
  • Function with arguments
  • Return statement
  • Access unassigned parameters
  • Anonymous functions
  • Self invoking functions
  • Function as arguments
  • Closure
  • Local and Global scope
  • Lifetime of a variable
  • Hoisting.
  • Meta tag
  • HTML Video Tags
  • HTML Audio Tags
  • ARIA Landmark roles
  • Checking HTML5 document structure and semantic
  • HTML5 - Local Storage
  • HTML5 geolocation api
  • Modernizr
  • Introduction to jQuery
  • Setting up jQuery
  • jQuery Syntax & Selector
  • DOM Ready
  • Selecting Elements in jQuery
  • Attribute Selector
  • Filtering Elements
  • Handling Events
  • Events Types
  • Introduction to Bootstrap
  • Why use BootStrap?
  • First BootStrap page
  • BootStrap Containers
  • BootStrap Grid System
  • Typography BootStrap
  • Handling Tables
  • Form Handling
  • Input Controls
  • Modifying and Handling Form Elements
  • Form Validation
  • Image Handling
  • Glyphicons
  • Pagination
  • Handling Nav Items
  • Nav Classes
  • Navbars
  • Modals
  • Carousel.
  • How Web Works
  • Name Server
  • Client Server
  • Understanding the URL
  • HTTP
  • HTTPS
  • Full Web Request Cycle
  • Request Response Cycle
  • Introduction to HTML
  • Basic HTML Syntax
  • Basic HTML Tags
  • DOCTYPE
  • Hello World Using HTML
  • comments
  • Semantic HTML5
  • Legacy Browser Support
  • HTML5 Tags
  • Creating HTML5 Document.
  • HTML5 header
  • HTML5 footer
  • HTML5 navigation
  • Nesting structure
  • aside
  • Checking Document Structure
  • figure and figcaption
  • HTML5 Lists
  • Emphasizing Text
  • Address Element
  • small element
  • mark element
  • date and time
  • Link relationships.
  • Understanding CSS
  • CSS Syntax
  • Applying CSS
  • Cascading Order
  • CSS Selectors
  • CSS Selectors Types
  • Combining Selectors
  • CSSAttribute Selectors
  • CSS Box Model
  • CSS properties
  • CSS margin property
  • CSS Links
  • Position Property
  • Specificity
  • CSS Media Queries.
  • CSS float property
  • Problem With Float and its Solution
  • Relational Selectors
  • pseudo-class
  • About CSS3
  • Transitions
  • Applying Transitions
  • Animation
  • CSS3 - Gradients
  • CSS3 Filters
  • Multi Column Layout
  • CSS3 Background
  • Box Model
  • CSS Box Model with box-sizing
  • text-shadow
  • CSS Preprocessors
  • SASS and LESS Introduction.
  • Introduction to JavaScript
  • Why JavaScript ?
  • Analyzing JavaScript
  • Understanding the JavaScript Code Structure
  • Where to put JavaScript
  • First JavaScript Program
  • JavaScript Variables
  • DataTypes in JavaScript
  • Objects
  • Object Creation
  • Object Manipulation
  • Arrays.
  • Assignment Operators
  • Comparison Operators
  • Arithmetic Operators
  • Logical Operators
  • Conditional if-else
  • Type Checking
  • Looping Structures
  • while loop
  • do-while loop
  • for loop
  • for-in loop.
  • Functions and Uses
  • Function Definition
  • Calling a Function
  • Function with arguments
  • Return statement
  • Access unassigned parameters
  • Anonymous functions
  • Self invoking functions
  • Function as arguments
  • Closure
  • Local and Global scope
  • Lifetime of a variable
  • Hoisting.
  • Meta tag
  • HTML Video Tags
  • HTML Audio Tags
  • ARIA Landmark roles
  • Checking HTML5 document structure and semantic
  • HTML5 - Local Storage
  • HTML5 geolocation api
  • Modernizr
  • Introduction to jQuery
  • Setting up jQuery
  • jQuery Syntax & Selector
  • DOM Ready
  • Selecting Elements in jQuery
  • Attribute Selector
  • Filtering Elements
  • Handling Events
  • Events Types
  • Introduction to Bootstrap
  • Why use BootStrap?
  • First BootStrap page
  • BootStrap Containers
  • BootStrap Grid System
  • Typography BootStrap
  • Handling Tables
  • Form Handling
  • Input Controls
  • Modifying and Handling Form Elements
  • Form Validation
  • Image Handling
  • Glyphicons
  • Pagination
  • Handling Nav Items
  • Nav Classes
  • Navbars
  • Modals
  • Carousel.
Customers Feedback
FAQ's
This course is intended for those who want to build beautiful, interactive websites by learning the fundamentals of HTML, CSS, and JavaScript - three common coding languages on which all modern websites are built. In this course you will learn:
  • To design website using HTML.
  • To style the website developed in HTML using CSS.
  • To develop JavaScript codes.
Anyone who wants to become a web developer or design websites for blogs and websites in general can take this course.
  • Microsoft® Windows® 7/8/10 (32- or 64-bit)
  • Mac® OS X® 10.10 (Yosemite) or higher
These are the 3 fundamentals of web development. HTML is used for designing the web page; CSS is used to beautify the web page and JavaScript to apply the functionality. A combination of all the three can help you creating fascinating web page.
HTML, CSS and JavaScript will primarily be used for this course.
All you need is a Mac or Windows machine and an Internet connection of minimum speed of 500Kbps.
Besides the classes, spending around 3 hours each day will be enough.
The classes are held on weekends as well as on weekdays. You can enroll for a batch that is convenient to suit your personal schedule.