A full stack web developer is a person who can develop both client and server software. In addition to mastering HTML and CSS, he/she also knows how to: Program a browser (like using JavaScript, jQuery, React JS ) Program a server (like using , Node,ExpressJS,MongoDB)
Full Stack Web Development
By: -
Course Content
Full Stack Web Development
- Introduction to HTML
- The Anatomy of an HTML Tag
- What we're building
- HTML Personal Site
- What is The HTML
- How to Structure Text in HTML
- HTML Lists
- HTML Image Elements
- HTML Links and Anchor Tags
- HTML Tables
- Using HTML Tables for Layout
- HTML Forms
- Forms in Practice - Create a Contact Me Form
- Introduction to CSS
- Inline CSS
- Internal CSS
- External CSS
- How to Debug CSS Code
- The Anatomy of CSS Syntax
- CSS Selectors
- Classes vs. Ids
- HTML Divs
- The Box Model of Website Styling
- CSS Display Property
- Learn More About Web Design
- CSS Static and Relative Positioning
- Absolute positioning
- Centering Elements with CSS
- Font Styling in Our Personal Site
- Typography
- Adding Content to Our Website
- CSS Sizing
- Font Properties
- CSS Float and Clear
- What is Bootstrap?
- Installing Bootstrap
- The Bootstrap Navigation Bar
- Download the Starting Files
- Setting Up Our New Project
- Bootstrap Grid Layout System
- Font Weights
- Adding Grid Layouts to Our Website
- Bootstrap Containers
- Bootstrap Buttons & Font
- The Bootstrap Carousel
- Bootstrap Cards
- Javascript Alerts - Adding Behaviour to Websites
- Data Types
- Javascript Variables
- Naming and Naming Conventions for Javascript Variables
- String Concatenation
- String Lengths and Retrieving the Number of Characters
- Changing Casing in Text
- Basic Arithmetic and the Modulo Operator in Javascript
- Increment and Decrement Expressions
- Javascript Numbers
- Functions
- Creating and Calling Functions
- Random Number Generation in Javascript
- Control Statements: Using If-Else Conditionals & Logic
- Comparators and Equality
- Collections: Working with Javascript Arrays
- Adding Elements and Intermediate Array Techniques
- Control Statements: While Loops
- Control Statements: For Loops
- Adding Javascript to Websites
- Introduction to the Document Object Model (DOM)
- Selecting HTML Elements with Javascript
- Manipulating and Changing Styles of HTML Elements with Javascript
- The Separation of Concerns: Structure vs Style vs Behaviour
- Text Manipulation and the Text Content Property
- Manipulating HTML Element Attributes
- Adding Event Listeners to a Button
- Higher Order Functions and Passing Functions as Arguments
- How to Play Sounds on a Website
- A Deeper Understanding of Javascript Objects
- How to Use Switch Statements in Javascript
- Objects, their Methods and the Dot Notation
- Using Keyboard Event Listeners to Check for Key Presses
- Understanding Callbacks and How to Respond to Events
- Adding Animation to Websites
- What is jQuery?
- How to Incorporate jQuery into Websites
- How Minification Works to Reduce File Size
- Selecting Elements with jQuery
- Manipulating Styles with jQuery
- Manipulating Text with jQuery
- Manipulating Attributes with jQuery
- Adding Event Listeners with jQuery
- Adding and Removing Elements with jQuery
- Website Animations with jQuery
- What is React?
- What we will make in this React module
- Introduction to Code Sandbox and the Structure of the Module
- Introduction to JSX and Babel
- JSX Code Practice
- Javascript Expressions in JSX & ES6 Template Literals
- JSX Attributes & Styling React Elements
- Inline Styling for React Elements
- React Styling Practice
- React Components
- Javascript ES6 - Import, Export and Modules
- [Windows] Local Environment Setup for React Development
- [Mac] Local Environment Setup for React Development
- React Props
- React DevTools
- Mapping Data to Components
- Javascript ES6 Map/Filter/Reduce
- Javascript ES6 Arrow functions
- React Conditional Rendering with the Ternary Operator & AND Operator
- State in React - Declarative vs. Imperative Programming
- React Hooks - useState
- Javascript ES6 Object & Array Destructuring
- Event Handling in React
- React Forms
- Class Components vs. Functional Components
- Changing Complex State
- Javascript ES6 Spread Operator
- Managing a Component Tree
- React Dependencies & Styling
- What is Node.js
- Install Node.js on Mac
- Install Node.js on Windows
- The Power of the Command Line and How to Use Node
- The Node REPL (Read Evaluation Print Loops)
- How to Use the Native Node Modules
- The NPM Package Manager and Installing External Node Modules
- What is Express?
- Creating Our First Server with Express
- Handling Requests and Responses: the GET Request
- Nodemon Installation
- Understanding and Working with Routes
- Responding to Requests with HTML Files
- Processing Post Requests with Body Parser
- Why Do We Need APIs?
- API Endpoints, Paths and Parameters.
- API Authentication and Postman
- What is JSON?
- Making GET Requests with the Node HTTPS Module
- How to Parse JSON
- Using Express to Render a Website with Live API Data
- Using Body Parser to Parse POST Requests to the Server
- The Mailchimp API - What You'll Make
- Setting Up the Sign Up Page
- Posting Data to Mailchimp's Servers via their API
- Adding Success and Failure Pages
- Deploying Your Server with Heroku
- Introduction to Version Control and Git
- Version Control Using Git and the Command Line
- GitHub and Remote Repositories
- GitHub Private Repos
- Gitignore
- Cloning
- Branching and Merging
- Optional Git Challenge
- Forking and Pull Requests
- Installing MongoDB on Mac
- Installing MongoDB on Windows
- MongoDB CRUD Operations in the Shell: Create
- MongoDB CRUD Operations in the Shell: Reading & Queries
- MongoDB CRUD Operations in the Shell: Update
- MongoDB CRUD Operations in the Shell: Delete
- Relationships in MongoDB
- Working with The Native MongoDB Driver
Register
Josh Innovations is a leading software training institute providing Software Training, Project Guidance, IT Consulting and Technology Workshops.