The Full Stack Web Development Bootcamp 2021

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

The Full Stack Web Development Bootcamp 2021 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 2021' 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






Who this course is for:

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

Instructor

Software Developer
  • 4.4 Instructor Rating
  • 683 Reviews
  • 11,765 Students
  • 1 Course

Hello! My name is Darragh O'Neill and have a real passion for web development and software engineering. I first began to code watching YouTube tutorials online and I loved it so much that I gave up my job in Stockbroking in Toronto to attend a Coding Bootcamp. I enjoyed that so much that I then decided to move back to Ireland where I'm from to study Software Development at Maynooth University. I'm pleased to say that I graduated with a 1.1 and I look forward to teaching the skills that I have learned. I love education and used to tutor in economics so I decided to use my great communication skills and my knowledge in web development to build the 'Full Stack Web Development Bootcamp 2020' as I don't believe people should have to pay over $14,000.00 to learn how to code! I love Star Wars, Game of Thrones and like to travel if possible.

Expected Outcomes

  1. This course is designed to teach students the fundamentals of Web Development Students will learn HTML, CSS, Flexbox, JavaScript, DOM Manipulation, jQuery, PHP, mySQL and more Course content 24 sections • 255 lectures • 31h 20m total length Expand all sections Introduction 2 lectures • 7min Introduction Preview 04:13 Text Editor - Visual Studio Code Preview 02:59 Beginners HTML 8 lectures • 57min Headings Preview 05:51 Paragraphs Preview 06:39 Making Lists in HTML 04:00 Adding Images 06:02 Making A Basic Webpage 10:42 Making Links in HTML 09:14 Images As Links 04:17 Making Tables in HTML 10:20 Intermediate HTML 13 lectures • 2hr 12min The Span Tag in HTML 07:42 Revisiting Links 10:49 Comments in HTML 07:10 Adding A Video in HTML 05:43 Adding An Audio Player in HTML 10:38 Introduction To Forms - Part 1 13:47 Introduction To Forms - Part 2 12:22 Introduction To Forms - Part 3 - Adding A Select Option 08:22 Introduction To Forms - Part 4 07:22 Introduction To Forms - Part 5 - Reviewing Forms 22:13 Introduction To Forms - Part 6 - Adding A Checkbox 06:50 Nested Lists in HTML 08:55 Divs 09:56 Introduction to CSS (Cascading Style Sheets) 6 lectures • 52min Element Selectors - Part One 03:56 Element Selectors - Part Two 10:55 Class Selectors 20:25 Multiple Class Selectors 07:51 The ID Selector 04:51 Review of Simple Selectors 04:19 Intermediate CSS 10 lectures • 2hr External Style Sheets 11:29 Borders 13:43 Padding 12:00 Margin 15:39 The CSS Box Model 09:07 Making A Grid in CSS 14:52 Aligning Text 11:52 Styling Text 05:31 Adding A Background Image 08:58 Making An Image Grid 16:58 Advanced CSS 10 lectures • 1hr 57min Styling Lists 04:24 Styling Links 13:58 Positioning in CSS 12:48 Making The Olympic Symbols 13:28 Making A Navigation Bar 11:36 CSS Colors 17:25 Styling Forms 17:46 Styling Tables 10:05 Gradients 06:21 Google Fonts 08:49 Making The 'Imperial Donuts' Website 22 lectures • 2hr 26min Imperial Donuts - Overview 02:16 Imperial Donuts - Making The Body 05:25 Imperial Donuts - Making The Nav 04:11 Imperial Donuts - Styling The Nav 11:33 Imperial Donuts - Styling The Header 08:35 Imperial Donuts - Styling The Straplines 08:38 Imperial Donuts - Styling The Section Headings 05:02 Imperial Donuts - About Section Layout 08:14 Imperial Donuts - Formatting The About Text Box 03:28 Imperial Donuts - Laying Out The First Image Grid 06:48 Imperial Donuts - Finishing The First Image Grid 10:56 Imperial Donuts - Getting The Main Grid Ready 09:08 Imperial Donuts - Finishing The Main Grid Layout 03:21 Imperial Donuts - Adding Images To The First Row 06:04 Imperial Donuts - Adding Images To The Second Row 08:13 Imperial Donuts - Finishing The Main Image Grid 06:31 Imperial Donuts - Laying Out The Stores Grid 08:10 Imperial Donuts - Styling The Stores Grid 04:10 Imperial Donuts - Styling The Footer 05:49 Imperial Donuts - Embedding The Social Media Icons 11:00 Imperial Donuts - Finishing Imperial Donuts 05:36 Imperial Donuts - Some Final Touches 02:42 Responsive Design 13 lectures • 1hr 1min What Is Responsiveness? 03:30 Introducing Media Queries 04:14 Styling Multiple Selectors With Media Queries 04:07 Applying Multiple Styles With Media Queries 04:01 Media Query Minimum Width 04:25 Using Multiple Media Queries 04:32 Introduction To CSS Flexbox 06:00 Using Media Queries & CSS Flexbox 04:11 CSS Flexbox - Justifying Content 06:01 Making A Responsive Page 04:18 CSS Flexbox - Aligning Items 06:10 Units of Measurement Tutorial 05:59 CSS Flexbox Online Resources 03:22 Introduction to JavaScript 14 lectures • 1hr 47min JavaScript Overview 04:02 External JavaScript 05:06 Using The Console 04:08 Introduction To Variables 07:12 Variables Part 2 08:27 Introduction to let & const 09:06 Introduction To Strings 12:37 Math Operators 09:58 Increment & Decrement Operators 07:46 Shorthand Numeric Operators 13:27 Mathematical Order Of Operation 04:05 Boolean - True & False 10:02 Null & Undefined 04:38 Primitive Data Types Review 06:07 JavaScript Control Flow 15 lectures • 1hr 42min Comparison Operators 09:44 If Statements & If Else Statements 07:52 Else If Statements 05:40 The Switch Statement 06:27 Logical And & Logical Or Operators 10:08 Logical Not Operator 04:01 The for loop 05:56 for loop Exercises 06:46 The while loop 06:30 for loop Exercises 2 07:00 for loop Exercises 3 05:57 for loop Exercises 4 07:39 for loop Exercises 5 05:13 while loop Guessing Game 06:26 Control Flow Review 06:48 14 more sections Requirements A laptop or computer (Mac, Windows, Ubuntu/Linux) and enthusiasm and a desire to learn. Description The Full Stack Web Development Bootcamp 2021 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 2021' 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 Who this course is for: Students looking to learn full-stack web development including front-end web development. Show more Show less Featured review Ashutosh Kumar 12 courses 2 reviews Rating: 5.0 out of 5 a year ago This course is well planned and very much structured, every topic is well explained. More number of projects should be there that will help more to learn web development. But, overall love this course :) Show more Show less Instructor Darragh O'Neill Software Developer 4.4 Instructor Rating 683 Reviews 11,765 Students 1 Course Hello! My name is Darragh O'Neill and have a real passion for web development and software engineering. I first began to code watching YouTube tutorials online and I loved it so much that I gave up my job in Stockbroking in Toronto to attend a Coding Bootcamp. I enjoyed that so much that I then decided to move back to Ireland where I'm from to study Software Development at Maynooth University. I'm pleased to say that I graduated with a 1.1 and I look forward to teaching the skills that I have learned. I love education and used to tutor in economics so I decided to use my great communication skills and my knowledge in web development to build the 'Full Stack Web Development Bootcamp 2020' as I don't believe people should have to pay over $14,000.00 to learn how to code! I love Star Wars, Game of Thrones and like to travel if possible. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777702cadca06ed',m:'829fbfe431b02a092786653f4f55d0591128365e-1627740921-1800-AVwxoXzVFal3JkELTYtWa7S9/odQw6iUrIXVMb8DRy8g/m+0qROvtirhnPkeIOVv8DfCeafN9fT7EPonVThgSLX/nA46Tvm42cNR7yLUokQuXaQDJJWr70AA0O3BiIlhQRxthajLD3cKLu/J+vZy+2D0I6nh8XNNrI+r5aDeagF2do+222enTTnE/LlHOP001A==',s:[0x2fdbdc2b5b,0x8d8d3a0951],}})();
  2. Students will learn HTML, CSS, Flexbox, JavaScript, DOM Manipulation, jQuery, PHP, mySQL and more Course content 24 sections • 255 lectures • 31h 20m total length Expand all sections Introduction 2 lectures • 7min Introduction Preview 04:13 Text Editor - Visual Studio Code Preview 02:59 Beginners HTML 8 lectures • 57min Headings Preview 05:51 Paragraphs Preview 06:39 Making Lists in HTML 04:00 Adding Images 06:02 Making A Basic Webpage 10:42 Making Links in HTML 09:14 Images As Links 04:17 Making Tables in HTML 10:20 Intermediate HTML 13 lectures • 2hr 12min The Span Tag in HTML 07:42 Revisiting Links 10:49 Comments in HTML 07:10 Adding A Video in HTML 05:43 Adding An Audio Player in HTML 10:38 Introduction To Forms - Part 1 13:47 Introduction To Forms - Part 2 12:22 Introduction To Forms - Part 3 - Adding A Select Option 08:22 Introduction To Forms - Part 4 07:22 Introduction To Forms - Part 5 - Reviewing Forms 22:13 Introduction To Forms - Part 6 - Adding A Checkbox 06:50 Nested Lists in HTML 08:55 Divs 09:56 Introduction to CSS (Cascading Style Sheets) 6 lectures • 52min Element Selectors - Part One 03:56 Element Selectors - Part Two 10:55 Class Selectors 20:25 Multiple Class Selectors 07:51 The ID Selector 04:51 Review of Simple Selectors 04:19 Intermediate CSS 10 lectures • 2hr External Style Sheets 11:29 Borders 13:43 Padding 12:00 Margin 15:39 The CSS Box Model 09:07 Making A Grid in CSS 14:52 Aligning Text 11:52 Styling Text 05:31 Adding A Background Image 08:58 Making An Image Grid 16:58 Advanced CSS 10 lectures • 1hr 57min Styling Lists 04:24 Styling Links 13:58 Positioning in CSS 12:48 Making The Olympic Symbols 13:28 Making A Navigation Bar 11:36 CSS Colors 17:25 Styling Forms 17:46 Styling Tables 10:05 Gradients 06:21 Google Fonts 08:49 Making The 'Imperial Donuts' Website 22 lectures • 2hr 26min Imperial Donuts - Overview 02:16 Imperial Donuts - Making The Body 05:25 Imperial Donuts - Making The Nav 04:11 Imperial Donuts - Styling The Nav 11:33 Imperial Donuts - Styling The Header 08:35 Imperial Donuts - Styling The Straplines 08:38 Imperial Donuts - Styling The Section Headings 05:02 Imperial Donuts - About Section Layout 08:14 Imperial Donuts - Formatting The About Text Box 03:28 Imperial Donuts - Laying Out The First Image Grid 06:48 Imperial Donuts - Finishing The First Image Grid 10:56 Imperial Donuts - Getting The Main Grid Ready 09:08 Imperial Donuts - Finishing The Main Grid Layout 03:21 Imperial Donuts - Adding Images To The First Row 06:04 Imperial Donuts - Adding Images To The Second Row 08:13 Imperial Donuts - Finishing The Main Image Grid 06:31 Imperial Donuts - Laying Out The Stores Grid 08:10 Imperial Donuts - Styling The Stores Grid 04:10 Imperial Donuts - Styling The Footer 05:49 Imperial Donuts - Embedding The Social Media Icons 11:00 Imperial Donuts - Finishing Imperial Donuts 05:36 Imperial Donuts - Some Final Touches 02:42 Responsive Design 13 lectures • 1hr 1min What Is Responsiveness? 03:30 Introducing Media Queries 04:14 Styling Multiple Selectors With Media Queries 04:07 Applying Multiple Styles With Media Queries 04:01 Media Query Minimum Width 04:25 Using Multiple Media Queries 04:32 Introduction To CSS Flexbox 06:00 Using Media Queries & CSS Flexbox 04:11 CSS Flexbox - Justifying Content 06:01 Making A Responsive Page 04:18 CSS Flexbox - Aligning Items 06:10 Units of Measurement Tutorial 05:59 CSS Flexbox Online Resources 03:22 Introduction to JavaScript 14 lectures • 1hr 47min JavaScript Overview 04:02 External JavaScript 05:06 Using The Console 04:08 Introduction To Variables 07:12 Variables Part 2 08:27 Introduction to let & const 09:06 Introduction To Strings 12:37 Math Operators 09:58 Increment & Decrement Operators 07:46 Shorthand Numeric Operators 13:27 Mathematical Order Of Operation 04:05 Boolean - True & False 10:02 Null & Undefined 04:38 Primitive Data Types Review 06:07 JavaScript Control Flow 15 lectures • 1hr 42min Comparison Operators 09:44 If Statements & If Else Statements 07:52 Else If Statements 05:40 The Switch Statement 06:27 Logical And & Logical Or Operators 10:08 Logical Not Operator 04:01 The for loop 05:56 for loop Exercises 06:46 The while loop 06:30 for loop Exercises 2 07:00 for loop Exercises 3 05:57 for loop Exercises 4 07:39 for loop Exercises 5 05:13 while loop Guessing Game 06:26 Control Flow Review 06:48 14 more sections Requirements A laptop or computer (Mac, Windows, Ubuntu/Linux) and enthusiasm and a desire to learn. Description The Full Stack Web Development Bootcamp 2021 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 2021' 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 Who this course is for: Students looking to learn full-stack web development including front-end web development. Show more Show less Featured review Ashutosh Kumar 12 courses 2 reviews Rating: 5.0 out of 5 a year ago This course is well planned and very much structured, every topic is well explained. More number of projects should be there that will help more to learn web development. But, overall love this course :) Show more Show less Instructor Darragh O'Neill Software Developer 4.4 Instructor Rating 683 Reviews 11,765 Students 1 Course Hello! My name is Darragh O'Neill and have a real passion for web development and software engineering. I first began to code watching YouTube tutorials online and I loved it so much that I gave up my job in Stockbroking in Toronto to attend a Coding Bootcamp. I enjoyed that so much that I then decided to move back to Ireland where I'm from to study Software Development at Maynooth University. I'm pleased to say that I graduated with a 1.1 and I look forward to teaching the skills that I have learned. I love education and used to tutor in economics so I decided to use my great communication skills and my knowledge in web development to build the 'Full Stack Web Development Bootcamp 2020' as I don't believe people should have to pay over $14,000.00 to learn how to code! I love Star Wars, Game of Thrones and like to travel if possible. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777702cadca06ed',m:'829fbfe431b02a092786653f4f55d0591128365e-1627740921-1800-AVwxoXzVFal3JkELTYtWa7S9/odQw6iUrIXVMb8DRy8g/m+0qROvtirhnPkeIOVv8DfCeafN9fT7EPonVThgSLX/nA46Tvm42cNR7yLUokQuXaQDJJWr70AA0O3BiIlhQRxthajLD3cKLu/J+vZy+2D0I6nh8XNNrI+r5aDeagF2do+222enTTnE/LlHOP001A==',s:[0x2fdbdc2b5b,0x8d8d3a0951],}})();