Learn Web Development by Creating a Social Network
4.5 (50 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.
461 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Web Development by Creating a Social Network to your Wishlist.

Add to Wishlist

Learn Web Development by Creating a Social Network

Learn to code from scratch by building your own Social Network with HTML, CSS, JavaScript and Meteor
4.5 (50 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.
461 students enrolled
Last updated 6/2016
English
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 6.5 hours on-demand video
  • 5 Articles
  • 5 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create websites with HTML, CSS and JavaScript
  • Create web applications using Meteor.js and MongoDB
  • Add user registration to web applications
View Curriculum
Requirements
  • Install Google Chrome
  • Install a code editor. Free options include: Atom, Brackets, Notepad++, Geany
Description

Learn to code from the ground-up by building a fully functional social network with real-time capabilities.

Sounds crazy right! But it’s not beyond what you can do these days! and this course will guide you step-by-step through the process.

This course is made for absolute beginners. No prior programming knowledge is required to take this course. The main goal of the course is to give you a quick exposure to the full development stack, using JavaScript, as opposed to the usual approach of learning one thing at a time and never getting a “big picture” view.

These are the exciting topics we teach in the course:

  • HTML
  • CSS
  • Responsive web design
  • JavaScript
  • DOM access and manipulation
  • Meteor to build web applications
  • MongoDB to store and query your data

The course follows a project-based approach. Concepts are introduce as we need them to build our social network project. We strongly believe this is the best approach for people who are starting web development and want a quick look at the entire process, instead of covering each topic in depth right away.

Pablo Farias Navarro is a software developer and founder of ZENVA. Pablo has been programming since 1996 and has taught programming to over 100k students. By following our usual project-based approach, by the end of this course you’ll have the skills to create solid web applications.

Who is the target audience?
  • Motivated students who want to learn web development and don't know where to begin
  • This course is for beginners, no prior programming experience required.
  • This course is not for advanced programmers or people looking for advanced content
Students Who Viewed This Course Also Viewed
Curriculum For This Course
80 Lectures
06:43:20
+
Course Intro
1 Lecture 05:13
+
HTML Basics
8 Lectures 24:55

Let's get started with HTML! this video is a welcoming intro to the subject.

Preview 01:05

You can download the source code files of this course from the Supplementary Materials tab.

HTML Source Code Files
00:13

In this lesson we introduce html tags, titles and paragraphs.

Preview 06:12

In this lesson we introduce html links so that we can connect different web pages.

Links
03:07

In this lesson you'll learn to add images to your HTML documents.

Images
02:53

In this lesson you'll learn to create forms in HTML.

Forms
05:18

In this lesson you'll learn to create both ordered and unordered lists in HTML.

Lists
03:09

In this lesson you'll learn to create tables in HTML.

Tables
02:58
+
HTML Template for our Social Network
2 Lectures 12:53

In this lesson we'll look into the full structure of a HTML document.

HTML Structure
03:41

In this lesson we'll create the structure of our social network project.

Project Structure
09:12
+
CSS Basics
8 Lectures 33:56

This video is an introduction to the CSS module. We created the HTML skeleton of our project but let's be honest, it doesn't look great. With CSS we can make this project actually look pretty and modern.

CSS Intro
01:32

Source code files for all the CSS modules.

CSS Source Code Files
00:13

In this lesson you'll learn to select elements by tag.

Selecting by Tag with CSS
03:59

In this lesson you'll learn to select elements by class.

Selecting by Class
05:04

In this lesson you'll learn to select elements by ID.

Selecting by Id
06:47

In this lesson you'll learn to give some styles to fonts using CSS.

Styling Fonts
06:02

In this lesson we'll talk about CSS pseudo elements, which allow more precise selections.

Pseudo Elements
05:03

In this lesson we'll introduce the Box Model, a core concept of CSS.

Box Model
05:16
+
Styling the Social Network
4 Lectures 24:09

In this lesson we'll style the sidebar of our social network project.

Sidebar
05:47

In this lesson we'll take care of styling our form.

Styling Form
09:09

In this lesson we'll style the feed area where the comments will be shown in our social network.

Comments Area
06:13

In this lesson we'll use a CSS3 transition to make a nice effect when the button is hovered.

CSS3 Transitions
03:00
+
Let's Make it Responsive
3 Lectures 15:26

In this lesson we'll introduce floating elements in CSS.

Floating Elements
03:25

In this lesson we'll use media queries to style our site differently according to the screen size. We'll also talk about Responsive Web Design (RWD)

Media Queries and Responsive Web Design
08:19

In this lesson we'll use media queries to style our social network so that it looks stunning on a phone screen.

Phone View
03:42
+
JavaScript Basics
8 Lectures 43:00

In this video I'll talk about the role JavaScript will have in our project.

Module Intro
02:15

Source code files of the JavaScript sections.

JavaScript Source Code Files
00:13

In this lesson we'll get started with adding JavaScript tags to our project.

Hello JS
06:08

In this lesson you'll learn to create variables in JavaScripts

Variables
05:42

Arithmetic Operations
08:32

In this lesson we'll learn how to work with the console.

Console
06:32

In this lesson we'll introduce JavaScript objects.

Objects
07:01

In this lesson we'll introduce JavaScript strings.

Strings
06:37
+
JavaScript Arrays
4 Lectures 22:56

In this lesson we'll introduce JavaScript arrays.

Arrays
07:13

In this lesson you'll learn to access and remove array elements.

Accessing and Removing Elements
05:03

In this lesson you'll learn to work with arrays that contain other arrays.

Multidimensional Arrays
05:01

In this lesson we'll learn how to work with combinations of arrays and objects.

Arrays and Objects
05:39
+
JavaScript Functions
5 Lectures 22:39
Functions
05:14

In this lesson we'll introduce the concept of scope in JavaScript.

Scope
04:20

In this lesson we'll learn about functions inside other functions.

Nested Functions
03:37

In this lesson we'll introduce the topic of methods.

Methods
05:47

In this lesson we'll talk about function expressions vs function declarations.

Function Expressions
03:41
+
Conditionals and Loops in JavaScript
4 Lectures 17:40

In this lesson we'll introduce the concept of loops.

While Loops
03:54

In this lesson we introduce conditional statements so that we can execute different actions according to a condition.

If and Else Statements
05:26

In this lesson we introduce boolean variables, which can have a value of true or false.

Boolean Variables
04:09

In this lesson we'll learn about the AND and OR boolean operations.

Boolean Operations
04:11
8 More Sections
About the Instructor
Pablo Farias Navarro
4.3 Average rating
5,415 Reviews
146,647 Students
53 Courses
Game Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 200,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.