Fullstack Web Developer Course

National Initiative for Artificial Intelligence and Security
Full Stack Web Development:

Duration: 1-year
Quarter -1
HTML-CSS-SASS-LESS
• Basic Structure - Introduction
• HTML Headings, Paragraph and Pre-Tag
• CSS-Intro (overview)
• Div. Tag
• Div Id
• Task-1
• Margin-Property
• Margin-Method
• Border Property
• Lecture Overview
• Element Vs Attribute
• Block level Vs inline element
• HTML Formatting element part
• CSS |Positioning
• Margin-Collapse Concept
• HTML Image
• CSS Background-Property
• Parallax-Effect
• CSS Colors
• CSS Colors + Parallax + Effect Task
• CSS Colors - HSL Vs HSLA
• HTML Link part
• HTML table
• HTML Lists
• Text Decoration
• Text Shadow
• Form Attributes
• Form Elements
• Input types
• Input Attributes
• Difference b/w Width and Max-width
• Removing Parallel spaces
• Combinator Selector CSS
• Descendent Selectors
• Child Selector
• Adjacent Selector
• Gerneral Sibling Selector
• Float and clear property
• Responsive Section
• Font Family
• External | CSS
• Folder Structure
• Single page scrolling effect
• Psuedo Classes
• Psuedo Elements
• Attribute Selectors 1
• Borders Radius
• Gradient
• 2d Transformation
• Transform (rotate)
• Transform (Skew)
• Transform (Scale)
• Transition
• Transition Delay
• Transition Timing Function
• Transition + Transformation
• Animation
• Animation Delay
• Animation Iteration
• Animation Timing Function
• Multi column
• Multi Column (column rule)
• Multi Column (column color)
• Multi column (column border color)
• All column properties usage
• CSS 3- Flex box
• Flex box (Flex direction)
• Flex box (Flex wrap)
• Flex box (Flex flow)
• Justify-Content-Property
• Align items-Property
• Flex box child properties- Order
• Flex box child properties- Grow
• Flex box child properties- Shrink
• Flex box child properties-Align-Self Property
• Flex box Theme development
• Header Section with Flex box
• Flex box About section
• Gallery Section -1
• Media Query 1
• Font Icon
• Sass-Introduction
• Sass-ScoutAPP
• Sass-Variable
• Sass Operator
• Sass Mixing Part
• Sass Nesting Part
• Sass-Import
• Sass-Advance Mixing
• Sass Function
• LESS - Introduction
• Winless Introduction
• LESS-Mixing
• LESS-Nesting
• LESS-Function
• LESS-Operator
• LESS-Import
• LESS Advance mixing
• All Project Overview
• Theme overview
• Environment-Setup Theme development
• SASS compiler 2 Theme Development
• Folder Creation Theme Development
• Environment- Setup 2 Theme Development
• Project settings and properties-1 Theme Development
• Overall layout 1 Theme Development
• Header- 1 TD
• Sidebar Overview
• Hotel-View
• CTA-
• Media query
Quarter-2
Bootstrap-Javascript
• What is Bootstrap?
• What's New in Bootstrap-4?
• Environment Setup
• Text-Typography Part
• Text-color Classes
• Background-color Classes
• Spacing
• Sizing class 1
• Border class
• Break Points
• Button color (CSS components)
• Button outline class
• Button Size & Button Group
• Button Toolbar
• Navbar
• Nav
• ListGroup
• Badge & Breadcrumb
• Input Group
• Form Row
• Basic Input Group
• Alert
• Progress bar
• Table
• Pagination
• Cards
• Media object
• Jumbotron
• Grid System
• Flexbox classes 1
• Collapse Accordion
• Tooltip 1
• Popover tooltip- 3
• Model -1
• Model + W3school
• looplab overview
• looplab
• Theme overview
• Koala Setup
• Nav-Section
• Showcase
• Newsletter
• About Section
• authors Section
• Contact Section
• Blogen Theme Overview
• Navigation Section
• Header Section
• Action Section
• Post Section 1
• Post & category & User Page
• Profile Page-Overview
• Profile Page
• Setting Page
• Login Page
• Portfolio Theme Overview
• Main Header
• Home-Section
• Resume section
• Work section
• Contact section
• Overview
• Javascript
• JavaScript Introducation.
• Display Possibility 1
• J-S variable
• Var ,let const
• JS operator 1
• JS TypeConversion
• JS Conditions
• JS Switch Statement
• JS Function
• JS Object
• JS Scope
• JS Events
• JS String
• JS Array
• JS Map method
• Filter Method.
• JS Loops
• For Each ( ) Method
• DOM
• JS Expanding image
• JS Hidden search
• JS Sound Board
Quarter-3
Jquery-React.js
• Jquery Selector
• Event -1
• Moux Event
• DOM 1
• Jquery Animation
• Ajax
• What is React
• Why React
• Let vs Const
• Import and export
• React Classes
• Classes, properties & Methods
• Spread Operator
• Rest Operator
• Destructing
• Arrow function Part-1
• Writing Our First React Code
• React Installation
• Folder Structure
• JSX
• JSX Restriction
• Creating Functional Components
• Using Props
• Using State
• Creating Blog
• Manipulate state
• Statefull vs Stateless Components
• Adding Styling
• Introduction to react Hooks
• React usestate()- Hook
• React useEffect() – Hook Introduction
• React useReducer()- Hook Inroduction
• React useReducer()- Hook
• React usecontext()- Hook introduction
• React usecontext()- Hook
• React useRef()- Hook
• React Custom Hooks introduction
• React Custom Hook
• Introduction to React-Formik
• React-formik
Quarter-4
MERN
• Mongo DB
• Express JS
• Introduction
• What is Node.js
• Advantage of Node.js
• Traditional Web server model
• Node.js process model
• Installing Node.js on windows
• Installing in mac os
• Working in REPL
• Node JS Console
• Function
• Buffer
• Module
• Module Types
• Core Modules
• Local Modules
• Module. Exports
• What is NPM
• Installing packages locally
• Adding Dependency in package.json
• Installing packages globally
• updating packages
• Creating web server
• Handling http requests
• Sending requestfile system
• Fs.readFile
• Writing a file
• Writing a file asynchronously
• Opening a file
• Deleting a file
• Other IO operations- Debugging Node JS
• Core Node Js Debugger
• Debugging with Visual StudioEvents
• Configuring Routes
• Working with express- Database connectivity
• Connecting String
• Configuring
• Working with select command
• Updating Records
• Deleting Records

Fullstack Web Developer Course

Uploaded by

Copyright:

Available Formats

Fullstack Web Developer Course

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Fullstack Web Developer Course

Uploaded by

Copyright:

Available Formats

National Initiative for Artificial Intelligence and Security

Full Stack Web Development:

You might also like