Practical Web Programming 101
4.8 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
149 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Practical Web Programming 101 to your Wishlist.

Add to Wishlist

Practical Web Programming 101

Build A Functional, End To End Website!
4.8 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
149 students enrolled
Created by Erik Owsiak
Last updated 2/2017
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 10.5 hours on-demand video
  • 10 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design and build an entire professional website with interactive features
  • Use SQLite to store informatoin
  • Build a class library in C#
  • Work with IIS by setting up IIS, creating and configuring new applications
  • Add extensions to existing framework classes in C#
  • Use select, insert and update sql language features
  • Create, run and interpret unit tests
  • Use string interpolation in ECMASCRIPT 6 / JavaScript
  • Use arrow functions in ECMASCRIPT 6 / JavaScript
  • Attach & debug IIS processes
  • Create classes in JavaScript
  • Create powerful JavaScript code
  • Write SQL code in an applied context
  • Learn to think like an application architect
View Curriculum
Requirements
  • Student should know what HTML is; but even without it student can learn from the this course
  • Willing to learn and be curious
Description

Why take this course? 

Three main reasons: 

1. It's taught by an experienced programmer who can show you the kinds of unique insights no other person here can

2. To become GREAT at web development, you have to learn how to integrate multiple skills. This course does just that.

3. You will acquire years worth of skills and insights in only 10.5 hours

In this course, Erik, who's been doing website development for nearly two decades, demonstrates how  to integrate a suite of powerful technologies to build an interactive and fully functional modern website. This website has features like order placing, real time order tracking, and  more! You'll learn how to use each of the following technologies like an coding hero:

1. JavaScript, used to add dynamic features to the website

2. CSS, used to layout the website

3. C#, used to power the backend of the website

4. HTML, used to structure the overall web pages

5. SQL Lite, used as an information storage system

6. IIS, used as a web server

7. jQuery, used as a way of making interactive pages

8. JSON, used to transfer information

9. Website design you can use in your own professional website

Thanks for reading, and if you're ready to push your skills much higher, JOIN TODAY!

Notes:

1. jQuery is a trademark of the JS foundation. This course is not affiliated with the JS foundation.

2. Parts of promo licensed from presentermedia

Who is the target audience?
  • Someone who wants to know how things are connected on the web
Students Who Viewed This Course Also Viewed
Curriculum For This Course
69 Lectures
10:16:06
+
Intro
1 Lecture 05:49

Intro to the course and zip files with code for the finished project.

Preview 05:49
+
Prep work
9 Lectures 29:22
Dowload & Install Dev Tools
00:55

To make sure that VS Comm. 2015 came with NuGet.

NuGet - installed
00:49

NuGet - not installed
01:06

Edit Host File
03:34

Setup Webserver IIS
02:15

Testing Webserver
04:24

Creating joespizza.dev App Site
06:17

Lets tune VS Code
06:09

App Architecture
03:53
+
Let's build the client frontend
7 Lectures 01:08:33
Add Imgs to the Site
02:46

index.html - top banner (html, css)
16:05

index.html - page body (html, css)
14:46

Default page in the orders subfolder.

/order/order.html - part 1
09:58

/order/order.html - part 2
04:26

/submit/submit.html - part 1
14:17

/submit/submit.html - part 2
06:15
+
Client frontend JavaScript files
23 Lectures 03:40:21
Please take a free course: JavaScript in 55 Minutes
00:39

We must add missing html code to the file.

Correction to order.html
01:24

Student will define a JSON document for a menu and turn it into a JavaScript object.

menu.js - JSON data type
14:34

Few words about the app from now on.

Heads Up
02:00

Video00.mp4

app.js, order.html
06:44

Video01.mp4

app.js, html-templates.js
16:02

Video02.mp4

app.js, html-templates.js, menu.js
18:32

Video03.mp4

app.css - part 1
12:28

We need to rename PizzaOrderSubmit to PizzaOrderNext

app.js, app.css correction
01:56

app.css - part 2
06:29

Video05.mp4

app.js
12:12

Tweak to html code.

/submit/submit.html - part 3
03:22

Video06.mp4 - add css to style submit.html

app.css
08:53

Video07.mp4 - add new template for submit page.

html-templates.js
03:42

Video08.mp4 - add InitSubmit & LoadOrderDetails methods to App object.

app.js, submit.htm & debugger
13:43

Video09.mp4 - add address functionality to the app.js file.

app.js
06:05

Video10.mp4 - style address area & fix to order.html

app.css, order.html
09:32

Video11.mp4 - finishing LoadOrderAddress method

app.js, html-templates.js
13:37

Video12.mp4 - add PrePostOrder method, homework: ValidateAddressData method

app.js
16:01

Video13.mp4 - add IsAddressCached, finish PrePostORder & started PostOrder method. Fix to app.css

app.js, app.css
13:03

Video14.mp4 - add ClientBackend class

clt-backend.js, app.js, submit.html
15:47

Video15.mp4 - add ops.aspx, create backend folder, start using VS 2015, try/catch/finally

ops.aspx, web.config
10:49

Video16.mp4 - add MonitorOrderStatus, bug fixes

app.js
12:47
+
Lets Build App's Backend
2 Lectures 09:54

Video17.mp4 - define all operations in ops.aspx

ops.aspx Page
03:56

Intro2SQLite.mp4 - DB Browser, create db.sqlite3

Intro Into Sqlite
05:58
+
Coding the C# backend component (Backend.dll)
10 Lectures 01:56:00

BackendVideo00.mp4 -  Basic info about the project & project setup.

Starting Backend project.
07:19

BackendVideo.mp4 - Create class constructor & data fields.

Write the constructor and data source in Ops.cs
10:53

BackendVideo02.mp4 - extensions 

Add method FormatEx to String objects.
03:29

BackendVideo03.mp4 -  Add TotalCost, OpenConnecton & PostOrder methods

Ops.cs - start work on class methods
15:48

BackendVideo04.mp4 -  Complete PostOrder method

Ops.cs
08:45

Quick intro to unit testing and first unit test for PostOrder method.

Intro into Unit Testing & first test
15:36

Add new unit test and two Ops class methods.

Ops.cs & OpsTests.cs
16:59

Work on ReadOpenOrders & add OpenOrder class

Ops.cs & OpenOrder.cs
18:45

Complete ReadOpenOrdersTest unit test.

Ops.cs & OpsTests.cs
10:41

Add TotalCostTest & UpdateOrderTest methods.

OpsTests.cs
07:45
+
Putting it Together - Consumer Side
3 Lectures 39:58

Create bin folder and integrate Backend.dll to the app.

Preview 09:52

Add dependent methods.

shop.js
15:02

Test consumer side of the with backend.

Testing
15:04
+
Pizza Shop Side of the App
7 Lectures 01:05:29

Add shop subfolder & shop.html file.

Start Pizza Shop Side of the App - shop.html
08:34

Add template used on the pizza shop side of the app.

html-templates.js
12:10

Add backend interface to shop side of the app.

shop-backend.js
04:34

CSS for shop.html & small correction to shop.html

shop.css & shop.html
05:33

Start work on the shop.js file.

shop.js
11:24

Add order form buttons.

shop.js
09:59

Add none dependent methods.

shop.js
13:15
+
Putting it Together
6 Lectures 56:56

Integrating Backend.dll to the shop side of the app.

Integrating - Shop Side with Backend
04:04

1st round of testing, debugging & bug fixing.

Testing & Bug Fixes - 1
17:14

2nd round of testing, debugging & bug fixing.

Testing & Bug Fixes- 2
12:49

Add CSS to style order details.

Shop Side - Order Details CSS
04:38

3rd round of testing, debugging & bug fixing.

Testing & Bug Fixes- 3
15:36

Unit Test Correction
02:35
+
The End
1 Lecture 03:44
Summary Video
03:44
About the Instructor
Erik Owsiak
4.2 Average rating
68 Reviews
2,508 Students
5 Courses
Hardware & Software Engineer

I started working with programming and technology way back in the 90's when a 200 MHz Pentium 1 was a speed demon; things sure have changed since. As programming and hardware matured over time so did I working with it. This gives me a unique prospective on what it is that really matters when it comes to programming. Over the years I have seen a few technologies come and go but a few basics have stayed and I am sure those basics will be with us a 100 years from now. I hope that as you take my courses I can relay those basic truths to you. A programming language is nothing more than a tool, like a hammer to a carpenter; it is not the hammer that makes quality furniture but the carpenter.  Over the course of my career I have worked on many different projects, which led me to work with many programming languages from C/C++, C#, php, JavaScript/JScript, asp.net, python, Lua to name just a few.