Front-End Development
Categories: Development
About Course
Learn to build awesome front-end designs and become a professional
The Front End Web Developer program is designed with the objective of giving students the specialized abilities they need to create and develop a wide range of websites and applications. The Nanodegree program’s graduates will be able to build responsive websites using CSS, Flexbox, and CSS Grid, as well as interactive webpages and UI (User Interface) applications, using JavaScript and HTML.
Learn front-end and build projects to bolster your portfolio
- To-Do List
- Login and Registration System
- E-Commerce Website
- Interactive Quiz Website
- Portfolio Website
What Will You Learn?
- HTML (Hypertext Markup Language), which is used to create the structure and content of web pages.
- CSS (Cascading Style Sheets), which is used to style and lay out web pages.
- JavaScript, a programming language that allows you to add interactivity and dynamic behavior to web pages
- Web development basics such as browser compatibility issues, accessibility and web performance optimization
- JavaScript frameworks and libraries like React, Angular, Vue.js etc which will make your development process more efficient
- Responsive web design techniques to ensure that your web pages look good on different screen sizes and devices
- Version Control System such as Git, to track changes and collaborate on code with other developers
Course Content
Introduction to front-end development
-
What is front-end development?
00:00 -
Additional resources for the course
00:00
How the web works
-
Web development environment
00:00 -
Web design and development workflow
00:00 -
Web technologies
00:00
HTML
-
HTML History
00:00 -
HTML Document/Page Types
00:00 -
Tags, attributes, Doctypes
00:00 -
HTML Forms and Lists
00:00
CSS
-
CSS Fundamentals
00:00 -
CSS properties and Methods
00:00 -
CSS Floats and Layouts
00:00 -
CSS Inheritance
00:00
JavaScript
-
JavaScript Values, variables, operators
00:00 -
Type Conversions
00:00 -
Arrays
00:00 -
Conditional Statements
00:00 -
Objects
00:00 -
Loop Statements
00:00
HTML 5
-
Tags in HTML5
00:00 -
Form handling and validations
00:00 -
Data Storage
00:00 -
Web SQL and indexed database
00:00 -
HTML5 Input Types
00:00 -
HTML Form Attributes
00:00 -
Embedding audio and video
00:00 -
Geolocation API
00:00 -
Canvas API
00:00
CSS 3
-
CSS3 properties
00:00 -
CSS3 Animations
00:00 -
CSS3 Layouts
00:00 -
Rounded and Elliptical Borders
00:00 -
Box Shades
00:00 -
Multiple background images
00:00
Advanced JavaScript
-
What is Object Oriented JavaScript?
00:00 -
DOM Manipulation
00:00 -
Understanding DOM
00:00 -
DOM methods and events
00:00 -
Inner functions, closures
00:00 -
Anonymous functions
00:00 -
Immediate functions
00:00 -
Ajax
00:00
jQuery
-
Introduction to jQuery
00:00 -
Selectors
00:00 -
Events
00:00 -
Hide/Show
00:00 -
Fade/Slide
00:00 -
Animate
00:00 -
Call-backs
00:00 -
Chaining
00:00 -
CSS Classes
00:00 -
jQuery css()
00:00 -
Dimensions
00:00 -
Traversing
00:00 -
Ancestors
00:00 -
Descendants
00:00 -
Siblings
00:00 -
Filtering
00:00 -
Ajax in jQuery
00:00 -
DOM manipulation using jQuery
00:00 -
jQuery Filtering
00:00