Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add From 0 to Web Developer in 2016: Build Real World Web Apps! to your Wishlist.

Add to Wishlist

From 0 to Web Developer in 2016: Build Real World Web Apps!

Learn the skills of a web app developer to build your dream product!
4.3 (3 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.
18 students enrolled
Created by Varun Shenoy
Last updated 1/2016
English
$10 $20 50% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
Description

Fundamentals of Web Development Course Description

Welcome to From 0 to Web Developer in 2016: Build Real World Web Apps!

This course is designed for students who wish to learn the basics of web development, and eventually build their own websites which have many components, including a backend with a database.

The course is also for developers of any level who want to refresh their knowledge on the basics of full stack development.

Why HTML, CSS, and JavaScript?

If you want to build the next big startup website, you have to know and understand the basics of what makes a website work. At the core, every website on the internet, from Twitter to YouTube, is based on these three fundamental technologies. This course will make sure you will understand how to build a web app for your next big idea.

Parse is a free service which allows you to set up a database and retrieve/post data to it. It will allow you to dip your feet into the waters of database design and management.

Course Content

You are going to learn a lot in this course. Here are some of the topics we cover:

  • HTML
    • Create HTML tags
    • Link stylesheets and scripts
    • Build fully structured sites
  • CSS
    • Design beautiful websites
    • Learn about typography and colors
    • Get informed about modern design techniques
  • Frameworks
    • Learn to use popular frameworks like Bootstrap and MaterializeCSS
    • Add flair to your website with AnimateCSS
  • JavaScript
    • Add logic to your website and make it come to life
    • Learn the fundamentals of scripting and code
    • Lay the foundation for other popular languages, like Python, Java, and C++, just to name a couple
  • Parse
    • Create online databases for data
    • Learn the basics of database manipulation and design
  • Projects
    • Build awesome looking projects that would look stellar on your portfolio
      • You will have all the skills to build your own development portfolio by the end of this course
Who is the target audience?
  • Anyone who wants to build applications for the World Wide Web.
  • Anyone who wants to start a career in web development.
  • Anyone who wants to learn web development for enjoyment.
  • Anyone with an ambition to code.
  • No prior programming knowledge needed.
  • Can serve as a refresher to HTML, CSS, and JavaScript veterans.
Students Who Viewed This Course Also Viewed
What Will I Learn?
Build full stack applications ready to deploy to the internet.
Use Parse.com to post/retrieve data to an online database.
Understand the specific uses for HTML, CSS, and JavaScript.
Fluently use HTML, CSS, and JavaScript to start or further one's career.
Use frameworks to increase productivity.
View Curriculum
Requirements
  • All you need is a little basic computer knowledge
Curriculum For This Course
Expand All 37 Lectures Collapse All 37 Lectures 03:47:22
+
Introduction to Web Development
4 Lectures 18:59

Meet Varun Shenoy, your instructor for this course.

Preview 01:54

What is Full Stack development?

Preview 01:14

Cool websites to find web development resources and freebies!

Preview 06:43

Learn what text editor fits you the most for web development.


Brackets (Apple Only):

http://brackets.io/


Atom (Apple Only):
https://atom.io/


TextWrangler (Apple Only):

https://itunes.apple.com/us/app/textwrangler/id404010395?mt=12


Sublime Text (Cross-Platform Only):

http://www.sublimetext.com/


Notepad++ (Windows Only):

https://notepad-plus-plus.org/

Preview 09:08
+
HTML Basics
6 Lectures 43:06

What is HTML? By the end of this lecture, you will be able to answer this question and understand the purpose of Hyper Text Markup Language.

What is HTML?
06:59

Build your first website using HTML and learn how to create text, links, and images!

Creating Your First Website!
08:08

Learn about different HTML tags.

HTML Tags Part 1
09:19

HTML Tags Part 2
07:50

Learn how to use the awesome <div> tag.

<div>iding Up Our Website
03:36

Forms, forms, and more forms. Sounds fun, right? :D

Forms
07:14
+
CSS Basics
6 Lectures 29:30

What is CSS?

Examples of CSS and What You Can Do With It.
03:52

Learn about different color schemes and palettes.

Colors
05:04

Skeumorphic vs Flat vs Material. Which one is the best, and why should you care?

Basic Design Principles
07:11

Learn where you can find the best font-faces for development.

Typography
03:08

Learn the fundamentals of CSS, or Cascading Style Sheets.

CSS Selectors and Manipulation
10:07

More CSS Properties
00:08
+
Upping Your Development with Frameworks
5 Lectures 30:18

What are frameworks, and how can they help you?

The Power of Frameworks
02:52

Learn all about the Bootstrap framework and how to embed it into your site.

Bootstrap
07:17

Learn all about the MaterializeCSS framework and how to embed it into your site.

Materialize.css
10:17

Out of the box CSS Animations with Animate.css.

Animate.css
05:29

Explore Material Design with Google's Material Design Lite.

Google Material Design Lite
04:23
+
JavaScript Basics
4 Lectures 29:32

How can the addition of JavaScript improve your websites? Let's find out!

Examples of JavaScript and What You Can Do With It.
04:14

Let's dive into JavaScript with the fundamentals, data types and variables.

Let's Learn JavaScript Data Types and Variables!
09:39

More data types in JavaScript, specifically arrays and objects.

Let's Learn JavaScript Arrays and Objects!
06:51

Let's add logic to our websites with JavaScript loops and try to solve the "BuzzFizz" algorithmic challenge.

Let's Learn JavaScript Logic and Loops!
08:48
+
Project: Star Wars Soundboard
5 Lectures 35:08

What will the final Star Wars Soundboard look like?

Project Introduction
01:08

Create the structure for our soundboard using HTML.

HTML
07:13

Let's add some CSS to our HTMl on our Star Wars Soundboard

CSS, Part 1
09:21

Let's continue with the CSS we started in the last lecture.

CSS, Part 2
04:40

Let's get all the sounds to play with some easy JavaScript!

JavaScript
12:46
+
Project: Instagram Clone with Parse JavaScript SDK
4 Lectures 37:16

How are we going to clone Instagram using what we know?

Project Introduction
02:05

Let's structure our website using the fundamentals of HTML.

HTML & Set Up Parse
08:57

Let's add some CSS to our HTML, to create a nice material based interface.

CSS
09:47

Let's begin to add logic to our clone and add Parse features, which include saving and retrieving data from our database.

JavaScript
16:27
+
Project: Developer Portfolio
2 Lectures 03:33

Let's visit some example portfolios, and get a gist of what you should make for this project.

Portfolio Examples
03:23

Project: Portfolio
00:10
+
More Content Will Be Added Soon!
1 Lecture 00:02
More Content Will Be Added Soon!
00:02
About the Instructor
4.3 Average rating
3 Reviews
18 Students
1 Course
Award Winning Web and iOS App Developer

I've built many award winning web and iOS applications. I am a student at a high school in Silicon Valley, and am completely self-taught. I learned all my skills by floundering through the web, searching for resources, and reading books regarding development. My goal is to make sure you don't have to do all that, as I would love to share my expertise with you. I am fluent in HTML, CSS, JavaScript, C#, Java, Python, Swift, and jQuery, just to name a couple of languages.

Report Abuse