About Full Stack Web Development Course
Full Stack Web Development is nothing but complete designing of both websites and applications where the developers need to work from frontend to backend development. With our Full Stack Web Development Course, you will become an expert in all the aspects of web development such as Java, .NET, MEAN Stack and Python. In Frontend you are able to learn – HTML, HMTL5, CSS3, Bootstrap, JavaScript and jQuery whereas in Backend – Node.js, PHP and finally in Database – MySQL, PostgreSQL.
Course Objectives:
To Learn the core concepts of both the frontend and backend programming course
To Get familiar with the latest web development technologies
To Learn all about SQL and NoSQL databases
To Learn complete web development process
Pre-requisites:
Basic Knowledge of Programming is enough
Who should go for this course:
students who are interesting to become the Full Stack Web Developers
Frontend Developers
Backend Developers
Full Stack Web Development Course Content
Introduction
UI Developer roles and responsibilities
UX designer roles
Technologies needed
Power of UI
Current market requirements on UI
Basic Technologies needed
Difference between Front end and Backend
Sample web pages
Crawling and Meta tags
Basics – HTML
Exploring existing pages
Browsers & Editors
DOM
Structure of HTML Page
Mandatory tags in html page (html, head, body)
Heading tags (H1…H6), Tags and attributes (Class, Id, style…etc.)
Inline and block level elements
CSS
What is CSS
Different ways of applying CSS for elements, and priority chain of CSS
CSS Properties (color, font, size, border…etc.)
Box model, Margin & Padding
Positioning Elements, Floating Elements
More HTML Tags
Including external page links in a page using anchor tags and its properties
Working with row & column data using table tags
Hiding and un-hiding elements using display property
img tag, p tag, ul &ol tags, li, nobr, hr, bretc
Layouts, forms, buttons
Input fields (textbox, radio button, checkbox, dropdown, text area etc.)
Debugging HTML & CSS (Firebug, IE and Chrome developer tool)
Creating Tabs and menu lists
More CSS Properties
Adding borders, font, Pseudo classes & Pseudo Elements
positioning elements (absolute, relative, fixed & static)
Image spiriting
Box model (margins, padding)
Floating elements (float left, right etc.)
Including external resources
Absolute and Relative paths
Including external resources like CSS, images etc.
Display Property(inline, block, inline block etc)
Display none and hidden elements.
Form Elements
Get & Post Communication
Validating input values in a form.
Form action and type
JavaScript
Data types and data structures in Js
Control structures, if, if-else, while, for, switch case statements
Hosting & type casting
JavaScript Supported Data Structures
Arrays and Predefined methods.
Working on logical programs using Arrays.
Predefined methods in arrays
Strings and predefined methods
Objects
JSON, SET, MAP
Iterating through Dynamic JSON Object.
Exploring Predefined Date object.
Advanced JavaScript
Inheriting Static Object using proto.
Inheritance using Object.create()
Java Script Classes
Prototyping
Inheritance using prototyping.
Global and local variables
Securing Data using Closures
Exception Handling
Handling Predefined and user defined exceptions
Exploring try, catch, finally and throws.
jQuery
History and version explore
Difference between Minified and non-minified JS files.
On load and on ready difference
jQuery selectors
Multiple ways of referring DOM elements using jQuery selectors
jQuery methods
Adding dynamic properties for DOM elements
Toggling elements
Creating dynamic elements using jQuery
jQuery Traversing methods
Traversing Siblings, Children’s & Parent Elements.
Traversing Ancestors.
Finding elements using jQuery techniques
Filtering elements
Events using jQuery
Binding events, Dynamic binding
List of events been supported in jQuery (blur, change, click, dbclick….etc.)s
AJAX
Advantages with AJAX and its limitations
Samples working with AJAX
Different data formats used in AJAX (string, xml, JSON, etc.)
XML and JSON difference
Cross domain interactions using JSONP
jQuery Promises with multiple conditions
Handling Multiple AJAX Calls using jQuery Promises.
jQuery Animations
Animation Effects using
Hide, Show
Sliding up and down, Fading, Animate Method.
jQuery Templating
Loading DOM dynamically using jQuery templates
loading templates using AJAX
HTML 5
Difference between HTML5 and HTML 4
List of Browsers support HTML5
Doc type & Semantic Tags
Multithreading Using Web Workers.
Media Support (audio and video tags)
Graphics using Canvas tag and SVG Tags.
Drag and Drop features
Offline Application using Application Cache
Exploring Navigator Object
Working on locations lat and lng using Geolocation
Storing user preferences using Local storage & Session Storage
