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.
17 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 37
  • Length 4 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course 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

What are the requirements?

  • All you need is a little basic computer knowledge

What am I going to get from this course?

  • 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.

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to Web Development
01:54

Meet Varun Shenoy, your instructor for this course.

01:14

What is Full Stack development?

06:43

Cool websites to find web development resources and freebies!

09:08

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/

Section 2: HTML Basics
06:59

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.

08:08

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

09:19

Learn about different HTML tags.

HTML Tags Part 2
07:50
03:36

Learn how to use the awesome <div> tag.

07:14

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

Section 3: CSS Basics
03:52

What is CSS?

05:04

Learn about different color schemes and palettes.

07:11

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

03:08

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

10:07

Learn the fundamentals of CSS, or Cascading Style Sheets.

More CSS Properties
Article
Section 4: Upping Your Development with Frameworks
02:52

What are frameworks, and how can they help you?

07:17

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

10:17

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

05:29

Out of the box CSS Animations with Animate.css.

04:23

Explore Material Design with Google's Material Design Lite.

Section 5: JavaScript Basics
04:14

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

09:39

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

06:51

More data types in JavaScript, specifically arrays and objects.

08:48

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

Section 6: Project: Star Wars Soundboard
01:08

What will the final Star Wars Soundboard look like?

07:13

Create the structure for our soundboard using HTML.

09:21

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

04:40

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

12:46

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

Section 7: Project: Instagram Clone with Parse JavaScript SDK
02:05

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

08:57

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

09:47

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

16:27

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

Section 8: Project: Developer Portfolio
03:23

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

Project: Portfolio
Article
Section 9: More Content Will Be Added Soon!
More Content Will Be Added Soon!
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Varun Shenoy, 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.

Ready to start learning?
Take This Course