Full Stack Web Development for Beginners: A Pragmatic Guide

Focused View

Jerome Morales

25:04:21

101 View

1 - Development Environment Preparation and Setup

1 - Tools Needed.mp4

02:33

2 - Installing Google Chrome.mp4

02:29

3 - Installing Integrated Development Environment VSCode.mp4

03:00

4 - Heads Up Security Pop Up Alert During XAMPP Installation.mp4

01:20

5 - Installing a Local Web Server XAMPP.mp4

07:48

6 - Basic Troubleshooting for XAMPP.mp4

08:04

7 - Creating Our First Simple Web Page and Finding HTDOCS Location.mp4

09:58

2 - HTML Basics

8 - Starting with HTML.mp4

12:18

9 - Utilizing Builtin Emmet Plugin Feature and HTML Form.mp4

09:12

10 - Basic HTML Blueprint.mp4

12:04

10 - basic-html-structure.zip

10 - basic-website-structure.zip

11 - Building an HTML Site Part 1 Image Header List and Anchor Tags.mp4

12:03

11 - COMMONLY-USED-HTML-TAGS.pdf

12 - Building an HTML Site Part 2 Div Style Attribute and Basic Site Contents.mp4

11:06

13 - Building an HTML Website Part 3 Anchor Tags and Form.mp4

10:37

14 - Building an HTML Website Part 4 HTML Table.mp4

14:16

3 - CSS Basics

15 - Additional Software Downloading Installing and Using 7zip Application.mp4

08:57

16 - External CSS Implementation Targeting Mutliple ELements.mp4

11:03

17 - How Commenting Works in HTML CSS.mp4

06:42

18 - Styling the Navigation List Header and Using Fonts.mp4

10:22

19 - Using DIV Class Attributes and CSS Float Property.mp4

11:02

20 - Clearing Floats and Styling the Footer.mp4

08:27

21 - Creating CSS Classes in Advance for Future Use.mp4

13:44

4 - Javascript Implementation

22 - Getting Started with JAVASCRIPT.mp4

08:51

23 - JavaScript Events Variables and Generic Function.mp4

12:53

24 - Customized Function and Generic Function Implementations.mp4

15:08

25 - Manipulating Page Content and Using ID to Target HTML Elements.mp4

11:22

26 - JavaScript Change Event and Dropdown List.mp4

09:22

27 - Increment Decrement Implementation in JavaScript Part 1 HTML.mp4

10:50

28 - Increment Decrement Implementation in JavaScript Part 2 CSS.mp4

07:44

29 - Increment Decrement Implementation in JavaScript Part 3 JavaScript.mp4

10:37

5 - Bootstrap An OpenSource CSS Framework

30 - Introduction To Bootstrap.mp4

02:22

31 - Bootstrap Installation Method 1 Using CDN Link.mp4

06:33

32 - Bootstrap Installation Method 2 Download and File Integration Offline.mp4

11:22

33 - Familiarizing Files Included In The Bootstrap Distribution.mp4

10:27

34 - Familiarizing Minified and Nonminified Bootstrap Files.mp4

06:48

35 - Bootstrap Installation Method 3 Copying the Code from CDNs.mp4

10:29

36 - Exploring Bootstrap Classes Forms Components.mp4

12:26

37 - Bootstrap Grid Basic Layout.mp4

08:00

38 - Extracting Codes from Bootstrap and Working With Columns.mp4

10:24

39 - Understanding Bootstrap Column Breakpoints.mp4

05:55

40 - Bootstrap CarouselSlider.mp4

12:16

41 - Creating a Table Using Bootstrap.mp4

08:33

42 - MINIPROJECT Create A Webpage Using Bootstrap Part 1.mp4

10:58

43 - MINIPROJECT Create A Webpage Using Bootstrap Part 2.mp4

11:18

6 - Programming with PHP

44 - Your First Formal PHP Script in an HTML Page.mp4

12:36

45 - Variables Storing Data.mp4

09:01

46 - Coding Challenge 1.mp4

01:42

46 - php-coding-challenge1.zip

47 - Coding Challenge 1 Solution.mp4

04:11

47 - php-coding-challenge1-solution.zip

48 - PHP Data Types.mp4

11:28

48 - php-data-types.zip

49 - Working with Strings in PHP.mp4

10:48

50 - PHP Operators.mp4

13:53

51 - If and If Else Statement.mp4

10:28

52 - If ElseIf Statement Multiple Condition.mp4

07:14

53 - If ElseIf Logical Comparison Operators and String Operators.mp4

07:32

54 - PHP If Else Application Within HTML.mp4

10:59

55 - PHP Arrays Indexed Array.mp4

06:59

56 - PHP Arrays Associative Array.mp4

05:28

57 - PHP Arrays Multidimensional Array.mp4

07:30

58 - While Loop.mp4

12:23

59 - For Loop.mp4

08:10

60 - Do While Loop.mp4

05:07

61 - Coding Challenge 2 Apply Your Knowledge In Loops.mp4

01:45

62 - Coding Challenge 2 Solution.mp4

06:11

62 - codingchallenge2.zip

63 - Coding challenge 3 Loops Application Within HTML.mp4

09:26

63 - codingchallenge3.zip

64 - Coding Challenge 3 Solution.mp4

05:59

64 - codingchallenge3-solution.zip

65 - Using Loops with Arrays.mp4

11:17

66 - Array Functions with Loops.mp4

10:36

67 - Foreach Loop.mp4

07:41

68 - Break and Continue.mp4

04:26

69 - Coding Challenge 4 Displaying Array Data on HTML Table Using Loops.mp4

02:40

69 - codingchallenge4.zip

70 - Coding Challenge 4 Solution.mp4

09:42

70 - codingchallenge4-solution.zip

71 - UserDefined Functions.mp4

10:08

7 - PHP SQL Intermediate

72 - PHP Include Eliminating Duplicate Code.mp4

15:37

73 - Post Superglobal Capturing Data From a Form.mp4

12:55

74 - Form Action Attribute Submitting Data To Another Page.mp4

10:35

75 - Coding Challenge 5 Data Submission.mp4

06:05

75 - bootstrap buttons reference.zip

75 - coding-challenge-5.zip

75 - html bootstrap select element.zip

76 - Coding Challenge 5 Solution.mp4

13:35

77 - GET Superglobal.mp4

06:52

78 - Using GET To Capture Data From URL.mp4

15:01

79 - Getting Started with SQL Creating Our First Database.mp4

07:38

80 - Creating Our First Table.mp4

06:59

81 - Creating Records Inserting Data in MySQL.mp4

08:44

81 - forumabout mysql not reusing id numbers in autoincrement.zip

82 - ReadingSelecting Records SQL SELECT Statement.mp4

08:50

83 - Updating Records SQL UPDATE Statement.mp4

06:46

84 - Deleting Records SQL DELETE Statement.mp4

02:56

85 - Coding Challenge 6 Creating Records and Adding Columns.mp4

01:34

85 - random name generator.zip

86 - Coding Challenge 6 Solution.mp4

05:44

87 - Connecting Website To Database.mp4

10:57

88 - Fetching Data From Database Part 1.mp4

11:38

89 - Fetching Data From Database Part 2.mp4

07:18

90 - Displaying Database Content On A Formatted HTML Table.mp4

15:14

91 - Coding Challenge 6 While Loop Implementation to Generate Numbers in a Column.mp4

03:43

92 - Coding Challenge 6 Solution.mp4

02:52

93 - App Development Add New Record Functionality Part 1.mp4

11:46

93 - demo-app-insert-record-front-end.zip

94 - App Development Add New Record Functionality Part 2.mp4

11:01

95 - App Development Add New Record Functionality Part 3.mp4

12:22

95 - demo-app-insert-record-back-end.zip

96 - App Development Delete Button Functionality.mp4

15:43

96 - demo-app-delete-record.zip

97 - App Development Edit Button Functionality.mp4

16:50

98 - App Development Submit Button Functionality.mp4

11:40

98 - demo-app-update-record.zip

99 - App Development View Button Functionality Part 1.mp4

15:12

100 - App Development View Button Functionality Part 2.mp4

08:35

101 - Clearing Form and Preventing Browsers Resubmission of Form Data.mp4

03:59

102 - Creating the Login Form.mp4

13:49

102 - demo-app-login-form.zip

103 - Login Functionality Part 1.mp4

17:33

104 - Login Functionality Part 2.mp4

15:37

105 - Creating the Logout Functionality.mp4

10:38

105 - demo-app-logout.zip

106 - Improving Error Notification UserDefined Function Application.mp4

17:08

107 - Retaining Users Email SESSION Variable Implementation.mp4

10:27

8 - PHP SQL Advanced

108 - Advance Login System Part 1 Array Push Function.mp4

07:24

109 - Advance Login System Part 2 Reusing Existing Custom Functions.mp4

12:03

110 - Advance Login System Part 3 Custom Error Implementation.mp4

14:32

111 - Advance Login System Part 4 Implementing Various Error Messages.mp4

20:19

111 - demo-app-as-of-lecture-111.zip

112 - Removing Accidental Whitespaces Data Entry.mp4

08:11

112 - demo-app-remove-extra-whitespace.zip

113 - MySQLi Real Escape String Accommodating Names with Quotes and Hyphens.mp4

11:36

113 - demo-app-real-escape-string.zip

114 - Securing Our Website Prevent XSS CrossSite Scripting.mp4

13:44

114 - demo-app-clean-string-function.zip

115 - Advanced Function Prevent XSS CrossSite Scripting.mp4

17:36

116 - Encrypting Password Using Password Hash.mp4

10:58

116 - demo-app-password-hash.zip

117 - How to Verify Encrypted Password.mp4

07:18

117 - demo-app-password-verify.zip

118 - Working With Strings Advanced strsplit sizeof and implode Functions.mp4

16:24

119 - Advanced Custom Function Removing Unwanted Characters.mp4

17:12

119 - demo-app-clean-username.zip

120 - Advanced Custom Function Display ErrorNotification During Registration Part 1.mp4

13:19

121 - Advanced Custom Function Display ErrorNotification During Registration Part 2.mp4

06:39

122 - Advanced Custom Function Display ErrorNotification During Registration Part 3.mp4

12:03

122 - demo-app-lecture-122-code.zip

123 - Coding Challenge Implementing Error Notification.mp4

05:07

124 - Coding Challenge Solution Implementing Error Messages.mp4

09:21

125 - Enhancing the Update Functionality and Debugging Challenge.mp4

13:49

126 - Debugging Challenge Solution Fixing the User Interface Error Message.mp4

03:10

126 - demo-app-Lecture-126.zip

127 - Navigation Bar Implementation Part 1.mp4

10:20

128 - Navigation Bar Implementation Part 2.mp4

09:15

129 - Navigation Bar Implementation Part 3.mp4

06:15

130 - Navigation Bar Implementation Part 4.mp4

05:36

130 - demo-app-navbar-lecture-130.zip

131 - Introduction to Uploading Images and Other Functionalities.mp4

08:11

131 - photos.zip

132 - Modifying the Database and Server Directories.mp4

06:51

133 - Working with the Interface For File Upload.mp4

06:24

134 - Uploading An Image To Server and Displaying It On The Page.mp4

15:43

134 - photos.zip

135 - Modifying the Edit Button For File Upload Feature.mp4

13:04

136 - Modifying Update Button For File Upload.mp4

14:58

137 - Implementing Default Profile Photo Using If Else Statement.mp4

05:35

138 - Enhancing Delete Notification and Displaying The Right Photos For Each Profile.mp4

09:51

139 - Fine Tuning Our Application.mp4

19:15

140 - Drop Down List Implementation Part 1.mp4

07:41

141 - Drop Down List Implementation Part 2.mp4

09:31

141 - demo-app-dropdown-list-implementation.zip

142 - Xampp Navigation Review and Password Generator Project Intro.mp4

08:49

143 - Incorporating Bootstrap Tab Panel.mp4

09:56

144 - Setting Form Buttons.mp4

04:34

145 - Manual Password Generator.mp4

17:41

145 - password-generator-demo-app-lecture-145.zip

146 - Random Password Generator Implementation Part 1.mp4

11:53

146 - images.zip

146 - my-variables.zip

147 - Lecture-147-Source-code.zip

147 - Random Password Generator Implementation Part 2.mp4

23:25

9 - Website Deployment and Content Management

148 - Website Deployment Setting up a free web hosting platform.mp4

10:08

148 - httpsappinfinityfreenetlogin.zip

149 - Website Deployment Navigating online files with File Online Manager.mp4

07:41

149 - httpsbyethostfreehosting.zip

149 - httpswwwfreehostiacom.zip

149 - httpswwwinfinityfreenet.zip

150 - Website Deployment Familiarizing the CPanel.mp4

05:45

151 - Website Deployment Exporting and importing MySQL Database using the CPanel.mp4

08:23

152 - Website Deployment FTP software as a tool and File Permission Error.mp4

14:07

153 - Finalizing Website Deployment and Course Completion.mp4

11:48

153 - demo-app-upload.zip

Description

Learn to build your own web application from scratch and connect it to a database that you will also learn how to create

What You'll Learn?

Create a fully functional and secure login form and authentication system.
Website deployment: Learn the different tools required to get your website online.
Learn to create, design and implement an actual database used in the real-world.
Learn the skill in implementing and managing information from a database.
Learn how to administer a variety of web technologies from a web-server.
Implement website security, password encryption and XSS prevention.
Implement and manage web applications as a developer.
Utilizes open sources and content delivery network(CDN) resources.
Learn front-end and back-end development concepts and gain a working knowledge to become a full stack web developer

Who is this for?

This course is designed for anyone who wanted to learn the skills required to become a full stack web developer using HTML, CSS, JS, Bootstrap, FTP, PHP, MySQL and associated technologies

This course is also beneficial for Computer Science/IT students who wanted to acquire a strong foundation in implementing data-driven applications.

More details

Description
This course is designed for those who desire to learn how to create real-world web applications that have the functionality of creating, reading, updating & deleting information or the so-called CRUD. You will learn how to create applications that will allow users to register to a website you have created, update their information, & even upload files such as documents and images.
Highly recommended for complete beginners, this course will help you build a solid foundation as a full stack web developer, you will learn practical skills on how to develop both client and server software.
You will be able to master how to implement CRUD and this will prepare to empower you to create full-blown web applications such as social media sites, content management systems, inventory systems, blogging platforms, image or video galleries, etc.
You will learn how to create a database from scratch, connect this to your website and create program functionalities in your code that manipulate information from the web-server.
This course will heavily focus on the practical ways of creating web applications from scratch while concepts and theories will only be discussed when needed to understand a particular project implementation.
The following technologies will also be covered in this course:
MySQL â€“ An open-source relational database management system
PHP â€“ An open-source programming language especially suited to web development.
HTML â€“ Hypertext Markup Language
CSS â€“ Cascading Style Sheets
JavaScript â€“ A high-level multi-paradigm programming language.
Bootstrap â€“ A popular open-source CSS Framework created by Twitter
CDN - Content Delivery Network Resources
Website Deployment
FTP - File Transfer Protocol
CPanel â€“ This is the interface being used to manage and administer a web-server.
PHPMyAdmin â€“ An open-source tool for developers to manage the tables and data inside the database.
and more...
Who this course is for:
This course is designed for anyone who wanted to learn the skills required to become a full stack web developer using HTML, CSS, JS, Bootstrap, FTP, PHP, MySQL and associated technologies
This course is also beneficial for Computer Science/IT students who wanted to acquire a strong foundation in implementing data-driven applications.

User Reviews

Rating

average 0

Total votes0

Focused display

Jerome Morales is an IT professional who has been in the industry for more than a decade, he has a variety of unique experiences in information technology that involves software development, system administration, graphics design as well as providing technical education and training. He is a Microsoft Certified Professional, Microsoft Certified Technology Specialist, and a Microsoft Certified Solutions Associate.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.