The Full Stack Web Development Bootcamp 2020 is designed to give students the fundamental skills required to become a talented, confident, full-stack web developer in 2020. Together, we will leave no stone unturned and cover each topic in detail. The course has over 31+ hours of high-quality, modern content. Topics include:

Description

The Full Stack Web Development Bootcamp 2020 is designed to give students the fundamental skills required to become a talented, confident, full-stack web developer in 2020. Together, we will leave no stone unturned and cover each topic in detail. The course has over 31+ hours of high-quality, modern content. Topics include:

• HTML 5

• CSS 3

• Front-end Web Development

• The CSS Box Model

• Responsive Design

• Flexbox

• JavaScript

• DOM Manipulation

• Animations

• jQuery

• PHP

• mySQL

• Databases

• A CRUD Application

• and more!

During the course we will build some cool projects together such as 'Imperial Donuts' a static website for a fictional donut company and we will make our own CRUD (Create, Read, Update and Delete) Application.

We will start with the very basics, learning HTML and the foundations of web development before moving onto CSS where we can apply styling to our web pages to make them look beautiful and elegant. Once we have learnt HTML & CSS we will then build a full website from scratch called 'Imperial Donuts' which will include a navigation bar, image grids, a header and a footer. After that we will learn all the fundamental concepts in JavaScript such as the primitive data types, variables, control flow, loops, if statements, DOM manipulation etc. so that we learn how to achieve functionality in web applications.

We will also learn jQuery so that we can apply nice fade affects to webpages and create our own custom animations. After that we will move onto PHP which is a server-side language that powers 79% of websites today. Then, we will learn how to 'talk to' or query a database using mySQL. Once we have mastered all the fundamentals of HTML, CSS, JavaScript, jQuery, PHP & mySQL we will then build a CRUD application where the user can create, read, update and delete data.

When you have finished 'The Full Stack Web Development Bootcamp 2020' you will be a talented, confident, full-stack web developer and the great news is the course will be consistently updated with new content.

Darragh

• Students looking to learn full-stack web development including front-end web development.

Course content

• Introduction
  • Introduction
  • Text Editor - Visual Studio Code
• Beginners HTML
  • Headings
  • Paragraphs
  • Making Lists in HTML
  • Adding Images
  • Making A Basic Webpage
  • Making Links in HTML
  • Images As Links
  • Making Tables in HTML
• Intermediate HTML
  • The Span Tag in HTML
  • Revisiting Links
  • Comments in HTML
  • Adding A Video in HTML
  • Adding An Audio Player in HTML
  • Introduction To Forms - Part 1
  • Introduction To Forms - Part 2
  • Introduction To Forms - Part 3 - Adding A Select Option
  • Introduction To Forms - Part 4
  • Introduction To Forms - Part 5 - Reviewing Forms
  • Introduction To Forms - Part 6 - Adding A Checkbox
  • Nested Lists in HTML
  • Divs
• Introduction to CSS (Cascading Style Sheets)
  • Element Selectors - Part One
  • Element Selectors - Part Two
  • Class Selectors
  • Multiple Class Selectors
  • The ID Selector
  • Review of Simple Selectors
• Intermediate CSS
  • External Style Sheets
  • Borders
  • Padding
  • Margin
  • The CSS Box Model
  • Making A Grid in CSS
  • Aligning Text
  • Styling Text
  • Adding A Background Image
  • Making An Image Grid
• Advanced CSS
  • Styling Lists
  • Styling Links
  • Positioning in CSS
  • Making The Olympic Symbols
  • Making A Navigation Bar
  • CSS Colors
  • Styling Forms
  • Styling Tables
  • Gradients
  • Google Fonts
• Making The 'Imperial Donuts' Website
  • Imperial Donuts - Overview
  • Imperial Donuts - Making The Body
  • Imperial Donuts - Making The Nav
  • Imperial Donuts - Styling The Nav
  • Imperial Donuts - Styling The Header
  • Imperial Donuts - Styling The Straplines
  • Imperial Donuts - Styling The Section Headings
  • Imperial Donuts - About Section Layout
  • Imperial Donuts - Formatting The About Text Box
  • Imperial Donuts - Laying Out The First Image Grid
  • Imperial Donuts - Finishing The First Image Grid
  • Imperial Donuts - Getting The Main Grid Ready
  • Imperial Donuts - Finishing The Main Grid Layout
  • Imperial Donuts - Adding Images To The First Row
  • Imperial Donuts - Adding Images To The Second Row
  • Imperial Donuts - Finishing The Main Image Grid
  • Imperial Donuts - Laying Out The Stores Grid
  • Imperial Donuts - Styling The Stores Grid
  • Imperial Donuts - Styling The Footer
  • Imperial Donuts - Embedding The Social Media Icons
  • Imperial Donuts - Finishing Imperial Donuts
  • Imperial Donuts - Some Final Touches
• Responsive Design
  • What Is Responsiveness?
  • Introducing Media Queries
  • Styling Multiple Selectors With Media Queries
  • Applying Multiple Styles With Media Queries
  • Media Query Minimum Width
  • Using Multiple Media Queries
  • Introduction To CSS Flexbox
  • Using Media Queries & CSS Flexbox
  • CSS Flexbox - Justifying Content
  • Making A Responsive Page
  • CSS Flexbox - Aligning Items
  • Units of Measurement Tutorial
  • CSS Flexbox Online Resources
• Introduction to JavaScript
  • JavaScript Overview
  • External JavaScript
  • Using The Console
  • Introduction To Variables
  • Variables Part 2
  • Introduction to let & const
  • Introduction To Strings
  • Math Operators
  • Increment & Decrement Operators
  • Shorthand Numeric Operators
  • Mathematical Order Of Operation
  • Boolean - True & False
  • Null & Undefined
  • Primitive Data Types Review
• JavaScript Control Flow
  • Comparison Operators
  • If Statements & If Else Statements
  • Else If Statements
  • The Switch Statement
  • Logical And & Logical Or Operators
  • Logical Not Operator
  • The for loop
  • for loop Exercises
  • The while loop
  • for loop Exercises 2
  • for loop Exercises 3
  • for loop Exercises 4
  • for loop Exercises 5
  • while loop Guessing Game
  • Control Flow Review
• JavaScript Functions
  • Introduction To Functions
  • Functions With No Arguments
  • Functions With One Argument
  • Functions With Two Arguments
  • Functions With Three Arguments
  • The 'Return' Keyword
  • Return Keyword Practice
  • Functions That Return Boolean Values
  • Function Declarations & Function Expressions
  • Hoisting of Function Declarations
  • Arrow Functions
• Arrays in JavaScript
  • Introduction To Arrays
  • Array Iteration
  • Push And Pop Array Methods
  • Concat And Index Of Methods
  • Print Array & Max Number Functions
  • Find Minimum Number In An Array
• Objects In JavaScript
  • What Are Objects?
  • Object Literal Notation
  • Accessing Objects Using Dot Notation
  • Accessing Objects Using Square Bracket Notation
  • Adding Methods To Objects
  • The 'this' keyword
  • Iterating Over An Array Of Objects
  • The Math Object
  • Math Floor & Ceil
• The Document Object Model (DOM) Manipulation - Part One
  • Getting An Element By It's ID
  • Changing An Elements Color
  • Introducing onclick
  • Changing An Elements Color Based On A User Click
  • Query Selector
  • Query Selector All
  • getElementsByClassName
  • getElementsByTagName
  • Making Content Appear & Disappear
  • Adding Event Listeners
• The Document Object Model (DOM) Manipulation - Part Two
  • Creating An Element & Append Child
  • Adding Heroes To Our Heroes List
  • Setting An Attribute - setAttribute Method
  • The classList - Add, Remove & Toggle
  • Mouseover Events
• JavaScript - Working With Strings
  • toUpperCase & toLowerCase Methods
  • The includesMethod
  • Template Strings
• Array Methods
  • Using The Map Method With Numbers
  • Using The Map Method With Strings
  • Using The Filter Method With Numbers
  • Filter Method On An Array Of Objects - Platinum Clients
  • Filter Method On An Array Of Objects - Clothes Objects
  • The Reduce Method
  • The Find Method
  • The forEach Method
• jQuery
  • Introduction to jQuery
  • Using jQuery In Our Project
  • Selecting A Class
  • Selecting Elements & ID's
  • Changing Text
  • More text Method Practice
  • Changing A CSS Style
  • Changing Multiple Styles
  • Hiding & Displaying Content
  • fadeIn & fadeOut Methods
  • Performing A Manual Content Toggle
  • The toggleClass Method
  • Adding & Removing Classes
  • Changing An Attribute Of An Element
  • Introduction To The Animate Method
  • Using The Animate Method With Multiple CSS Properties
  • The Animate Method & Callback Functions
  • Image Animation
  • Polishing The Image Animation
• PHP - An Introduction To PHP
  • Introduction To PHP
  • Downloading XAMPP
  • Echo Hello World
  • Comments
  • Echo & Print
  • Static HTML In PHP
  • Variables In PHP
  • String Concatenation
  • Arithmetic Operators
• PHP - Control Flow & Indexed Arrays
  • The If Else Statement
  • Comparison Operators in PHP
  • Logical Operators in PHP
  • The Else If Statement
  • Switch Statement
  • The For Loop
  • Indexed Arrays
  • Array Iteration In PHP
  • foreach Loop
  • The While Loop
  • Array Iteration Using The While Loop
  • The Do While Loop
• PHP - Intermediate Level
  • Associative Arrays
  • Associative Arrays Part 2
  • Associative Array Revision
  • Functions & Function Scope
  • GET Method
  • GET Security Issues
  • The Empty Method
  • POST Method
  • isset Method
• mySQL
  • Introduction To Databases
  • The CRUD Operations (Create, Read, Update & Delete)
  • Creating A Movies Table
  • Insert & Select Data
  • Update Data
  • Delete Data
  • Selecting Multiple Columns
  • The Where Clause
  • AND & OR Logical Operators
  • Combining AND & OR Logical Operators
  • The NOT Operator
  • SELECT DISTINCT
  • ORDER BY
  • MIN & MAX Functions
  • COUNT Function
  • AVG & SUM Functions
  • mySQL Review
• MovieFlix CRUD APP
  • MovieFlix Overview
  • mySQLi Introduction (Note the 'i')
  • Avoiding Gotcha's
  • Getting Started
  • Adding Buttons & The Create Form
  • Toggle The Create Form
  • Making A New Database & Table
  • Connecting To Our Database
  • Inserting Data
  • Refactoring Our PHP Code
  • Displaying The Data
  • Adding The Update Form
  • Updating The Database
  • Adding The Delete Form
  • Deleting Data In The Database
  • Styling The Table
  • Styling The Buttons
  • Styling The Forms
  • Setting The Font Family To Roboto
  • CRUD Debrief - Best Practices
  • CRUD Debrief - SQL Injection Attacks & Preventing Them
• Appendix
  • Some Great Online Resources
  • The Next Steps: React.js

The_Full_Stack_Web_Development_Bootcamp_2020.part1.rar

The_Full_Stack_Web_Development_Bootcamp_2020.part2.rar

The_Full_Stack_Web_Development_Bootcamp_2020.part3.rar