The Complete Web Development Bootcamp
Become a full-stack web developer with just one course. HTML, CSS, Javascript, Node, React, MongoDB and more!
01
PHP
PHP for Beginners: learn everything you need to become a professional PHP developer with practical exercises & projects.
02
react js
Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!
03
MERN Stack Front To Back
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB.
04
Become a Master in Laravel
Learn to master Laravel to make advanced applications like the real CMS app we build on this course
05
become a master in angular
Master Angular 10 (formerly “Angular 2”) and build awesome, reactive web apps with the successor of Angular.js
06
become a wordpress developer
build an ecommerce store with wordpress & woocommerce learn how to building a professional looking ecommerce store in no time at all.
What you'll learn
- Be able to build ANY website you want.
- Build fully-fledged websites and web apps for your startup or business.
- Master backend development with Node
- Learn the latest frameworks and technologies, including Javascript ES6, Bootstrap 4, MongoDB.
- Craft a portfolio of websites to apply for junior developer jobs.
- Work as a freelance web developer.
- Master frontend development with React
- Learn professional developer best practices.
Course Content
Front -End Web Development
- Introduction to the Course
- Download the Course Syllabus
- What is Flutter?
- Why Flutter?D
- The Anatomy of a Flutter App
- How to Watch the Course in High Definition
- How to Get the Most Out of the Course
- Join the Student Community
Introduction to HTML
- Prerequisites for Flutter Development
- Overview of the Process
- Windows Setup Step 1 - Install the Flutter SDK
- Windows Setup Step 2 - Install Android Studio
- Windows Setup Step 3 - Install the Android Emulator
- Windows Installation Troubleshooting
Intermdiate HTML
- Creating a New Flutter Project from Scratch
- A quick note about Hot Reload
- Scaffolding a Flutter App
- Working with Assets in Flutter & the Pubspec file
- How to Add App Icons to the iOS and Android Apps
- How to Ace this Course
Introduction to CSS
- Deploying Your Flutter Apps to a Physical Device
- Deploying Flutter Apps to an Android Phone
- Deploying Flutter Apps to iPhones/iPads
- Tip from Fash - Habit Building with the Calendar Trick
- Feedback Time!
Intermediate CSS
- What are App Challenges?
- The I Am Poor Challenge
- Show Off Your Work!
- Tip from Fash - Dealing with Distractions
- Do You Want This?
- Feedback Time!
Introduction to Bootstrap
- MiCard - A Single Screen Personal Business Card App
- Hot Reload and Hot Restart - Flutter Power Tools
- How to Use Container Widgets
- How to use Column & Row Widgets for Layout
- Flutter Layouts Challenge
- Tapping into Widget Properties
- Incorporating Custom Fonts in Your Flutter App
- Flutter Card & ListTile Widgets
- Download the Completed Project
- Tip from Fash - Nothing Easy is Worth Doing!
- Feedback Time!
Intermediate Bootstrap
- Dicee - A Stateful Dice App
- Using the Expanded Widget to Create Flexible Layouts
- How to Use Intention Actions
- How to use Column & Row Widgets for Layout
- Adding Gesture Detection with Flutter Button Widges
- [Dart] Functions - Part 1
- Making the Dice Image Change Reactively
- [Dart] Variables
- [Dart] Data Types
- Stateful vs. Stateless Widgets - What's the Difference?
- Randomising the Dice
- Randomising the Dice
- Challenge 1 Solution
- Challenge 2 Solution
- Challenge 3 Solution
- Download the Completed Project
- Tip from Fash - How to Deal with Procrastination
- Feedback Time!
Web Design School- Create a Website that poeple love
- Magic 8 Ball - A Decision Making App
- Step 1 - Set Up The Project
- Step 2 - Create a Stateless Widget
- Step 3 - Create a Stateful Widget
- Step 4 - Make it Interactive
- Step 5 - Randomise it
- Step 6 - Update the State
- Customise It!
- Tip from Fash - Building a Programming Habit
- Feedback Time!
Introduction to Javascript
- Xylophone - A Simple Musical Instrument App
- What are Flutter & Dart Packages?
- How to Play Sound Across Platforms
- How to Play Multiple Sounds
- [Dart] Functions - Part 2
- Updating the UI of Our App
- [Dart] Functions - Part 3
- [Dart] Functions Challenge
- Refactoring Our App
- [Dart] Arrow Functions
- Customise It!
- Download the Completed Project
- Tip from Fash - The 20 Minute Method
- Feed Back
Intermediate Javascript
- Quizzler - A True/False Quiz App
- Building a Score Keeper
- Building a Score Keeper
- [Dart] Lists
- Displaying the Questions
- Checking User Answers
- [Dart] Conditionals - IF/ELSE
- More Dart Programming Challenges
- Creating a Question Class
- [Dart] Classes and Objects
- Abstraction in Action
- Encapsulation in Action
- Inheritance in Action
- Polymorphism in Action
- Adding Back the Score Keeper
- Code Challenge
- [Dart] Class Constructors
- Download the Completed Project
- Tip from Fash - Learning Before you Eat
- Feedback Time!
Requirement
- No programming experience needed - I'll teach you everything you need to know
- No paid software required - all websites will be created with Atom (which is free)
- I'll walk you through, step-by-step how to get all the software installed and set up
- All software we'll be using is free to download and install.