
How to Become a Top Skilled Web Developer
The most complete and comprehensive web development course
This course is one of the most complete and comprehensive online courses you will ever get to see covering web development from top to bottom.
In more than 30 hours of content, this course will cover all you need to know about how to become a top skilled web developer even if you never programmed before. In this course we will be covering the following subjects:
FrontEnd Development: JavaScript, jQuery, HTML5, CSS3, Bootstrap
BackEnd Development: PHP, MySQL (MySQLi)
This course will give you all the insights on how the Internet works and after you've completed the course, you will have the breadth of knowledge to be able to create your own websites and apps with the latest technology.
What does this course offer that others don't?
Free Web Hosting Forever:
We will provide you an unlimited hostgator account to upload your projects and show them to your friends and clients.
A beautiful portfolio website that you can use as your own:
We will help you create your first portfolio website that you will be able to use as your own and present it to your clients as a professional freelancer.
Professional career complete guidance for the 2016 tech market:
A whole section dedicated on how to start your professional career either as a freelancer or a full-time employee with advice from top experts.
The Complete Freelancer E-Book:
Download the "Complete Freelancer Guide" E-Book for free.
Updated content for 2016:
All the content of this course has been recorded and updated for the 2016 tech market.
30 beautiful HTML5 responsive templates:
Download 30 amazing HTML5 responsive templates for your web projects.
110+ functional forms package:
Create any kind of form (classic, multistep, pop up menu, pop up bottom, modal, without footer and header) with client side and server side validation.
What am I going to get from this course?
- Free Hosting Forever
- "The Complete Freelancer Guide" e-Book
- Certificate of Completion
- 30 Free Responsive Templates
- 50% Discount for "The Advanced Web Developer Course"
- Awesome Portfolio Website
- Make REAL life web apps with our final projects
- Coding Exercises and Challenges
- PDF Manuals and Guides
- Career Advice From Experts
- 24h Support
- Course Updated w/ Latest Techs
- Massive Q&A Community
- All Lectures and Projects Source Codes
- Improvement Suggestions for Course
- 110+ functional forms package
Who should take this course?
- Programmers or non-programmers
- Aspiring Developers
- Entepeneurs
About the Instructor
Entrepreneur
Have successfully exited his startup in 2011. After joining Rakuten and Recruit helping in their corporate venture capital division. Masa have realised the critical issue of lack of vital education in Japan market. Which lead to go back to the start up scene building an ed-tech company BeSomebody.
BeSomeoboy focus on creating vital education online such as web programming, IOS programming and Excel.
Course content
Section 1:Intro to Web development | ||||
1 | What you will learn in this course | 4分46秒 | ||
Section 2:Introduction to Web Development | ||||
2 | How the Internet Works | 1分47秒 | ||
3 | Web Development, Web Design, BackEnd and FrontEnd | 2分37秒 | ||
4 | “Must Know” to Become a Professional Web Developer | 8分50秒 | ||
5 | Text Editors, Browsers and First Webpage | 1分00秒 | ||
Section 3:Front End Development: HTML Basics | ||||
6 | Intro HTML and CSS | Preview | 4分31秒 | |
7 | Text Editors, Browsers and First Webpage | Preview | 8分46秒 | |
8 | Bold, Italic, Comments and Blockquote | 1分00秒 | ||
9 | Bold, Italic, Comments and Blockquote | Preview | 7分59秒 | |
10 | Headers, Paragraphs, Line Breaks and Horizontal Lines.zip | 1分00秒 | ||
11 | Headers, Paragraphs, Line Breaks and Horizontal Lines | Preview | 9分57秒 | |
12 | Lists | 1分00秒 | ||
13 | Lists | 11分54秒 | ||
14 | Links | 1分00秒 | ||
15 | Links | 6分40秒 | ||
Section 4:Front End Development: HTML Intermediate | ||||
16 | Multiple Webpages and Website Links | 1分00秒 | ||
17 | Multiple Webpages and Website Links | 17分35秒 | ||
18 | Customized Links | 1分00秒 | ||
19 | Customized Links | 12分11秒 | ||
20 | Doctype, Namespace, Metadata and Deprecated Tags | 1分00秒 | ||
21 | Doctype, Namespace, Metadata and Deprecated Tags | 16分25秒 | ||
22 | Images | 1分00秒 | ||
23 | Images | 9分07秒 | ||
24 | Tables,Cellpadding and Cellspacing | 1分00秒 | ||
25 | Tables,Cellpadding and Cellspacing | 9分58秒 | ||
Section 5:Front End Development: CSS Introduction | ||||
26 | Internal, External and Inline CSS | 1分00秒 | ||
27 | Internal, External and Inline CSS | 16分44秒 | ||
28 | Classes and Ids | 1分00秒 | ||
29 | Classes and Ids | 8分10秒 | ||
30 | Divs and Positioning | 1分00秒 | ||
31 | Divs and Positioning | 19分55秒 | ||
32 | Fonts | 1分00秒 | ||
33 | Fonts | 10分00秒 | ||
34 | Text-Align, Margin and Padding | 1分00秒 | ||
35 | Text-Align, Margin and Padding | 8分37秒 | ||
36 | Colors | 1分00秒 | ||
37 | Colors | 4分57秒 | ||
Section 6:Front End Development: HTML Advanced | ||||
38 | Link States | 1分00秒 | ||
39 | Link States | 13分20秒 | ||
40 | Structuring a Website | 1分00秒 | ||
41 | Structuring a Website | 11分10秒 | ||
42 | DropList and Textarea | 1分00秒 | ||
43 | DropList and Textarea | 5分55秒 | ||
44 | Radio Button and Checkbox | 1分00秒 | ||
45 | Radio Button and Checkbox | 8分57秒 | ||
46 | Forms | 1分00秒 | ||
47 | Forms | 10分52秒 | ||
48 | Embedding Content | 1分00秒 | ||
49 | Embedding Content | 7分52秒 | ||
Section 7: Front End Development: HTML Extra Topics | ||||
50 | Bugs, Errors and Debugging | 1分49秒 | ||
51 | IDE and Frameworks | 3分14秒 | ||
52 | CMS and WYSIWYG | 5分19秒 | ||
53 | Web Hosting & Templates | 4分45秒 | ||
54 | Setting up a Template | 6分32秒 | ||
55 | FrontEnd, BackEnd, Photoshop and Fireworks | 2分19秒 | ||
56 | Different Types of Websites | 6分09秒 | ||
Section 8:Front End Development: HTML5 Introduction | ||||
57 | HTML+CSS+jQuery source file | 1分00秒 | ||
58 | Introduction(and Source Files) | 3分30秒 | ||
59 | XHTML vs HTML5 | 8分38秒 | ||
60 | HTML5 Skeleton | 11分41秒 | ||
Section 9:Front End Development: CSS3 Introduction | ||||
61 | Layout Review | 10分13秒 | ||
62 | CrossBrowser Compatability | 11分35秒 | ||
63 | Rounded Corners | 8分16秒 | ||
64 | Box Shadows | 9分10秒 | ||
65 | Text Shadows | 4分15秒 | ||
Section 10:Front End Development: CSS3 Advanced | ||||
66 | 2D Transform | 6分51秒 | ||
67 | 2D Transitions: Part1 | 7分10秒 | ||
68 | 2D Transition: Part2 | 12分05秒 | ||
69 | @Font-Face: Part1 | 10分18秒 | ||
70 | @Font-Face: Part2 | 6分58秒 | ||
71 | Navigation Transitions | 9分03秒 | ||
Section 11:Front End Development: jQuery Introduction | ||||
72 | Intro to jQuery | 10分51秒 | ||
73 | Adding HTML | 9分12秒 | ||
74 | Adding jQuery | 13分56秒 | ||
75 | Tab Variations | 7分45秒 | ||
76 | Image Overlays: Part1 | 10分49秒 | ||
77 | Image Overlays: Part2 | 10分01秒 | ||
Section 12:Front End Development: jQuery Advanced | ||||
78 | Overlay CSS1: Part1 | 11分07秒 | ||
79 | Overlay CSS2: Part2 | 8分41秒 | ||
80 | Overlay CSS3: Part3 | 7分19秒 | ||
81 | Page Slider | 6分33秒 | ||
82 | Project Concept | 9分00秒 | ||
83 | Basic HTML | 5分43秒 | ||
84 | Add Basic jQuery | 7分55秒 | ||
85 | CSS Explained | 14分01秒 | ||
Section 13:Project: Create a Website w/ HTML5 and CSS3 features | ||||
86 | The Final Project Source Code HTML | 1分00秒 | ||
87 | The Final Project: Part1 | 0分54秒 | ||
88 | The Final Project: Part2 | 10分10秒 | ||
89 | The Final Project: Part3 | 10分17秒 | ||
90 | The Final Project: Part4 | 10分04秒 | ||
91 | The Final Project: Part5 | 10分37秒 | ||
92 | The Final Project: Part6 | 8分33秒 | ||
Section 14:Front End Development: JavaScript Basics | ||||
93 | Intro to JavaScript | 1分00秒 | ||
94 | Intro to JavaScript | 7分59秒 | ||
95 | External Scripts | 1分00秒 | ||
96 | External Scripts | 4分25秒 | ||
97 | Comments | 1分00秒 | ||
98 | Comments | 2分26秒 | ||
99 | Variables | 1分00秒 | ||
100 | Variables | 8分06秒 | ||
101 | Data Types | 1分00秒 | ||
102 | Data Types | 2分57秒 | ||
103 | Alerts | 1分00秒 | ||
104 | Alerts | 5分11秒 | ||
105 | Functions | 1分00秒 | ||
106 | Functions | 9分05秒 | ||
107 | More Functions | 1分00秒 | ||
108 | More Functions | 7分31秒 | ||
Section 15:Front End Development: JavaScript Intermediate | ||||
109 | Scopes | 1分00秒 | ||
110 | Scopes | 3分54秒 | ||
111 | Arithmetic (Mathematical) Operators | 1分00秒 | ||
112 | Arithmetic (Mathematical) Operators | 6分22秒 | ||
113 | Assignment Operators | 1分00秒 | ||
114 | Assignment Operators | 4分23秒 | ||
115 | Comparison Operators | 1分00秒 | ||
116 | Comparison Operators | 9分44秒 | ||
117 | Logical Operators | 1分00秒 | ||
118 | Logical Operators | 7分04秒 | ||
119 | If Statement | 1分00秒 | ||
120 | If Statement | 6分42秒 | ||
121 | Block Nesting | 1分00秒 | ||
122 | Block Nesting | 8分26秒 | ||
123 | Complex Comparisons | 1分00秒 | ||
124 | Complex Comparisons | 5分19秒 | ||
125 | Else If Statement | 1分00秒 | ||
126 | Else If Statement | 5分58秒 | ||
127 | Switch Statement. | 1分00秒 | ||
128 | Switch Statement | 7分17秒 | ||
129 | Prompt | 1分00秒 | ||
130 | Prompt | 4分59秒 | ||
Section 16:Front End Development: JavaScript Advanced | ||||
131 | For Loop | 1分00秒 | ||
132 | For Loop | 6分44秒 | ||
133 | While Loop | 1分00秒 | ||
134 | While Loop | 4分03秒 | ||
135 | Arrays | 1分00秒 | ||
136 | Arrays | 6分59秒 | ||
137 | Array Values and Length | 1分00秒 | ||
138 | Array Values and Length | 6分41秒 | ||
139 | Array Properties and Methods | 1分00秒 | ||
140 | Array Properties and Methods | 6分26秒 | ||
141 | Objects | 1分00秒 | ||
142 | Objects | 10分26秒 | ||
143 | Constructor Functions | 1分00秒 | ||
144 | Constructor Functions | 14分24秒 | ||
145 | Predefined Objects | 1分00秒 | ||
146 | Predefined Objects | 11分11秒 | ||
Section 17:Front End Development: JavaScript DOM | ||||
147 | DOM | 1分00秒 | ||
148 | DOM | 8分42秒 | ||
149 | DOM Nodes | 1分00秒 | ||
150 | DOM Nodes | 7分56秒 | ||
151 | Insert Values | 1分00秒 | ||
152 | Insert Values | 9分46秒 | ||
153 | CSS with JavaScript | 1分00秒 | ||
154 | CSS with JavaScript | 5分03秒 | ||
155 | Event Handlers | 1分00秒 | ||
156 | Event Handlers | 6分49秒 | ||
157 | More Events | 1分00秒 | ||
158 | More Events | 5分49秒 | ||
159 | AddEventListener | 1分00秒 | ||
160 | AddEventListener | 5分54秒 | ||
161 | Libraries and Frameworks | 3分45秒 | ||
Section 18: Project: Build a Weather App w/ JavaScript | ||||
162 | The Final Project Source Code JS | 1分00秒 | ||
163 | The Final Project: Part1 | 7分31秒 | ||
164 | The Final Project: Part2 | 9分41秒 | ||
165 | The Final Project: Part3 | 9分27秒 | ||
166 | The Final Project: Part4 | 5分16秒 | ||
Section 19: Back End Development: PHP Basics | ||||
167 | Intro to PHP | 2分02秒 | ||
168 | XAMPP install | 5分42秒 | ||
169 | My First PHP Code | 1分00秒 | ||
170 | My First PHP Code | 7分10秒 | ||
171 | Escaping Characters | 1分00秒 | ||
172 | Escaping Characters | 3分13秒 | ||
173 | Error Reporting | 1分00秒 | ||
174 | Error Reporting | 4分32秒 | ||
175 | Comments | 1分00秒 | ||
176 | Comments | 6分45秒 | ||
177 | Variables | 1分00秒 | ||
178 | Variables | 4分32秒 | ||
Section 20:Back End Development: PHP Intermediate | ||||
179 | Strings | 1分00秒 | ||
180 | Strings | 3分17秒 | ||
181 | Numbers | 1分00秒 | ||
182 | Numbers | 5分31秒 | ||
183 | Constants | 1分00秒 | ||
184 | Constants | 3分35秒 | ||
185 | Arrays | 1分00秒 | ||
186 | Arrays | 6分50秒 | ||
187 | Associative Arrays | 1分00秒 | ||
188 | Associative Arrays | 3分03秒 | ||
189 | Access Array with Foreach | 1分00秒 | ||
190 | Access Array with Foreach | 4分49秒 | ||
191 | Multidimensional Arrays | 1分00秒 | ||
192 | Multidimensional Arrays | 5分55秒 | ||
193 | Operators | 2分08秒 | ||
Section 21:Back End Development: PHP Advanced | ||||
194 | If Else | 1分00秒 | ||
195 | If Else | 9分54秒 | ||
196 | Else if | 1分00秒 | ||
197 | Else if | 3分03秒 | ||
198 | For Loop | 1分00秒 | ||
199 | For Loop | 4分30秒 | ||
200 | While Loop | 1分00秒 | ||
201 | While Loop | 3分25秒 | ||
202 | Switch | 1分00秒 | ||
203 | Switch | 7分12秒 | ||
204 | Creating a Form | 1分00秒 | ||
205 | Creating a Form | 12分57秒 | ||
206 | Post, Get, Request | 1分00秒 | ||
207 | Post, Get, Request | 13分58秒 | ||
208 | Handling a Form | 1分00秒 | ||
209 | Handling a Form | 10分28秒 | ||
210 | Include and Require | 1分00秒 | ||
211 | Include and Require | 8分02秒 | ||
212 | Creating a dynamic website | 1分00秒 | ||
213 | Creating a dynamic website | 1分00秒 | ||
214 | Storing HTML in Variables | 1分00秒 | ||
215 | Storing HTML in Variables | 9分09秒 | ||
216 | Functions | 1分00秒 | ||
217 | Functions | 7分45秒 | ||
218 | Variable Scope | 1分00秒 | ||
219 | Variable Scope | 3分12秒 | ||
Section 22:Back End Development: MySQL Basics | ||||
220 | MySQL Intro | 4分17秒 | ||
221 | Creating a Database | 12分29秒 | ||
222 | Database Form | 1分00秒 | ||
223 | Database Form | 5分46秒 | ||
224 | Database Connection | 1分00秒 | ||
225 | Database Connection | 9分15秒 | ||
226 | Minimal Form Validation | 1分00秒 | ||
227 | Minimal Form Validation | 18分36秒 | ||
228 | Inserting Values to Database | 1分00秒 | ||
229 | Inserting Values to Database | 14分05秒 | ||
230 | Output Records from Database | 10分44秒 | ||
231 | Output Records from Database | 1分00秒 | ||
232 | Output Records by Specific Order | 1分00秒 | ||
233 | Output Records by Specific Order | 13分52秒 | ||
234 | Login Script | 1分00秒 | ||
235 | Login Script | 20分12秒 | ||
236 | Security Functions | 3分27秒 | ||
237 | Update records from database | 1分00秒 | ||
238 | Update Records from Database | 34分06秒 | ||
239 | Delete Records from Database | 1分00秒 | ||
240 | Delete Records from Database | 17分13秒 | ||
Section 23:Back End Development: MySQL Intermediate | ||||
241 | Sending Values to a Script | 1分00秒 | ||
242 | Sending Values to a Script | 28分01秒 | ||
243 | Delete User Passing Values Through URL | 1分00秒 | ||
244 | Delete User Passing Values Through URL | 15分44秒 | ||
245 | Edit User Passing Values Through URL | 1分00秒 | ||
246 | Edit User Passing Values Through URL | 14分03秒 | ||
247 | Reorganizing the Code | 1分00秒 | ||
248 | Reorganizing the Code | 14分54秒 | ||
249 | Pagination | 1分00秒 | ||
250 | Pagination | 24分02秒 |