Full Stack Web Development Course: Front-End & Back-End Web Dev
COMING SOON
ย
This course is not complete yet and not on sales at the moment.
Curriculum
- 9 Sections
- 74 Lessons
- 0m Duration
Section 1 - Getting Started with HTML
7 Lessons
- Introduction to Web Development | Full Stack Web Development Tutorial
- What is an IDE? | Installing an IDE
- Building Your First Website | Learn HTML
- Intro to HTML, HEAD, BODY, and HEADER
- Lists, Paragraphs, and Text Styling
- Displaying Data With Table
- Learn HTML Forms, Img and Iframe Tagsย
Section 2 - Introduction to CSS
9 Lessons
- What is CSS ?
- How to use Inline, Internal and External CSS
- Element, ID and Class Selectors
- CSS Colors and Shadows
- CSS Backgrounds And Bordersย
- Using browser inspector tools
- Combinators in CSS
- Grouping in CSS
- Specificity in CSSย
SECTION 3 - Intermediate CSS
6 Lessons
- Welcome to SECTION 3 - Intermediate CSS
- Text Styling And Formatting
- Google Fonts APIย
- Responsive CSS Images
- CSS Padding And Margin
- CSS Rows And Columns
SECTION 4 - Advanced CSS
9 Lessons
- Intro to building your first CSS for website
- Building the Navbar
- Making the Navbar Mobile Responsive, Part 1
- Making the Navbar Mobile Responsive Part 2
- Creating the Form Groupย
- Working with CSS iframes
- Working with CSS images and box shadows
- Working with text and image spacingย
- Building the footer using CSSย
SECTION 5 - Learning to code with JavaScript
17 Lessons
- Welcome to SECTION 5 - Learning to code with JavaScript
- Introduction to JavaScript Tutorial For Beginners
- JavaScript Quick References for faster learningย
- Javascript Comments And How to Link Scripts
- Javascript Variables And Strings
- Javascript Numbers and Operators
- Javascript comparison operators and conditional operators
- Javascript Logical Operators
- JavaScript Arrays
- Javascript Loops (for, while, do while)
- Javascript Functions and methods
- JavaScript Objects
- Javascript Bind
- Percentage Calculator & Setting Up the Form with JavaScript
- Percentage Calculator And Grabbing Elements With JavaScript
- Percentage Calculator using Event Listeners in JavaScript
- Percentage Calculator Algorithm And Prevent Default with JS
SECTION 6 - Version control with Git
7 Lessons
- How Version Control Works
- Basic macOS Terminal Commands to learn Git CLI
- Learn Git Basics and Github CLI Commands
- Setting up Github on macOS
- Github vs Bitbucket
- Git Local & Remote Repositoriesย
- Working Through Git Merge Conflicts
SECTION 7 - Introduction to Bootstrap 4
6 Lessons
- What is Bootstrap ?ย
- Downloading Bootstrap 4
- Bootstrap 4 Project Setup
- Overview of Bootstrap 4 Components
- Understanding Bootstrap 4 Classes
- Using the Grid System in Bootstrap 4
SECTION 8 - Bootstrap: Creating a login portal
4 Lessons
- Bootstrap 4 Cards & Creating a Sign-in Portal Boxย
- Bootstrap 4 Forms | Adding an image & input fields
- Bootstrap 4 Adding button and labels in login form
- Bootstrap 4 Grids | Finishing Mobile Compatibility
SECTION 9 - Bootstrap 4: Skate or Die
9 Lessons
- Bootstrap 4 Skate or Die Intro
- Bootstrap 4 Working with Navbars
- Bootstrap 4 Jumbotron and Carousels
- Bootstrap 4 Nesting rows and columns
- Bootstrap 4 Modals and PopUpย
- Bootstrap 4 Adding images and buttons
- Bootstrap 4 - Sizing Modals
- Bootstrap 4 Building the Footer
- Bootstrap 4 Working with Font Awesome Favicons