Learn Professional Web Development Skills From Scratch

Learn Professional Web Development Skills From Scratch, available at $54.99, has an average rating of 4.85, with 338 lectures, based on 208 reviews, and has 31101 subscribers.

You will learn about Create Real web Applications Create application and website structure using HTML Apply styling to web application using CSS Create applications that runs inside a web browser Create interaction for web application using Javascript Gain frontend web development skills Gain backend web development skills Create and interact with databases using MongoDB Understand how to use chrome developer tools Create buttons and Image Carousel with Bootstrap Create a Real Time Chat App with Nodejs Expressjs MongoDB and Socketio Create a blog application using Ruby on Rails Initialize a git repository Deploy applications online using Heroku Understand web communication using HTTP This course is ideal for individuals who are Beginners to web development It is particularly useful for Beginners to web development.

Enroll now: Learn Professional Web Development Skills From Scratch

Summary

Title: Learn Professional Web Development Skills From Scratch

Price: $54.99

Average Rating: 4.85

Number of Lectures: 338

Number of Published Lectures: 338

Number of Curriculum Items: 338

Number of Published Curriculum Objects: 338

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Create Real web Applications

Create application and website structure using HTML

Apply styling to web application using CSS

Create applications that runs inside a web browser

Create interaction for web application using Javascript

Gain frontend web development skills

Gain backend web development skills

Create and interact with databases using MongoDB

Understand how to use chrome developer tools

Create buttons and Image Carousel with Bootstrap

Create a Real Time Chat App with Nodejs Expressjs MongoDB and Socketio

Create a blog application using Ruby on Rails

Initialize a git repository

Deploy applications online using Heroku

Understand web communication using HTTP

Who Should Attend

Beginners to web development

Target Audiences

Beginners to web development

An app or a web service can have two broad parts: the frontend and the backend. The roles of these parts can be guessed from their names. The frontend is the part that you can “see”. It is the part that lets you interact with the app or service. The colours, animations, layout, and all the other cool stuff that adds to your experience of using the app or website is the frontend. The frontend is generally called the User Interface (UI).? Example include HTML , CSS and JavaScript.

The backend is the part that you can’t “see”. It is the internal working of the application or website. This includes stuff like the server, the database, etc. Exaples include Ruby on Rails, Nodejs ,Python ,MongoDB, MySQL etc.

If you are a complete beginner, web development can be challenging —this course ?will guide you and provide enough detail for ?you to feel comfortable and learn the topics properly. ?You should feel at home whether you are a student learning?web development (on your own or as part of a class), a teacher looking for class materials, a hobbyist,?or someone who just wants to understand more about ?how web technologies work.

Topics include:

HTML

CSS

Bootsrap

JavaScript

Nodejs

Expressjs

MongoDB

Create database

Interacting with database

Ruby

Ruby on Rails

Creating a basic website

Create? apps that runs in web browser

Create a real-time chat application with Nodejs | Expressjs |MongoDB | Socketio

Create a blog application using Ruby on Rails

Deploying application on internet

Basic introduction to Git and Github

Chrome development tools

Course Curriculum

Chapter 1: How the Web Works ?

Lecture 1: Introduction

Lecture 2: The web and Internet

Lecture 3: Communication with HTTP

Lecture 4: What is an API ?

Lecture 5: Frontend Web Development

Lecture 6: Backend Web Development

Lecture 7: Core web development languages

Chapter 2: Free Online Web Development Environments

Lecture 1: Codepen

Lecture 2: JSBIN

Lecture 3: JSFiddle

Lecture 4: Plunker

Lecture 5: Dabblet

Lecture 6: Liveweave

Chapter 3: Tools the professionals use

Lecture 1: Computer

Lecture 2: Text editor

Lecture 3: Atom text editor

Lecture 4: Brackets text editor

Lecture 5: SublimeText editor

Lecture 6: Visual studio code editor

Lecture 7: Web browsers

Lecture 8: Version control system

Chapter 4: Planning a web project

Lecture 1: Planning

Lecture 2: Designing your project

Lecture 3: Choosing your assets

Lecture 4: Creating project directory and files

Chapter 5: Introduction to HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: HTML Element Hierarchy

Lecture 4: Nesting Elements

Lecture 5: Empty elements

Lecture 6: Basic anatomy of an HTML Document

Lecture 7: Basic structure of an HTML document

Lecture 8: Create HTML document structure – part 1

Lecture 9: Create HTML document structure – part 2

Lecture 10: Create HTML document structure – part 3

Lecture 11: Introduction to HTML Attributes

Lecture 12: Using HTML Attributes

Lecture 13: Marking UP Text

Lecture 14: Creating Links

Lecture 15: Adding comments to your code

Lecture 16: What is a source code

Lecture 17: HTML Images

Lecture 18: Editing yout HTML Document

Lecture 19: Indenting your code

Lecture 20: Viewing source code

Lecture 21: Inspecting Elements

Lecture 22: Headings

Lecture 23: Paragraphs

Lecture 24: Creating Lists

Lecture 25: Creating LInks

Lecture 26: Formatting Text

Lecture 27: Adding an Iframe

Lecture 28: Creating divs

Lecture 29: Code comments

Lecture 30: Using id attribute

Lecture 31: Using class attribute

Lecture 32: The SPAN element

Lecture 33: Block level elements

Lecture 34: Inline elements

Lecture 35: HTML Forms – part 1

Lecture 36: HTML Forms – part 2

Lecture 37: HTML Tables

Lecture 38: HTML entities

Chapter 6: Project: Create a basic website

Lecture 1: What we will create

Lecture 2: Planning and design

Lecture 3: Creating project directory

Lecture 4: Creating HTML document

Lecture 5: Adding content – part 1

Lecture 6: Adding content – part 2

Lecture 7: Adding content – part 3

Lecture 8: Adding a table

Lecture 9: Adding a form – part 1

Lecture 10: Adding a form – part 2

Chapter 7: Introduction to CSS

Lecture 1: What is CSS

Lecture 2: Ways to apply CSS

Lecture 3: Styling multiple properties

Lecture 4: Styling multiple elements

Lecture 5: Modifying CSS

Lecture 6: Basic CSS Selectors

Lecture 7: Adding css comments

Lecture 8: The CSS Box Model

Lecture 9: CSS Margin and Padding properties

Lecture 10: Changing background color

Lecture 11: CSS Display Property

Lecture 12: Positioning and styling page title

Lecture 13: CSS Font Property

Lecture 14: Google fonts

Chapter 8: Introduction to Bootstrap

Lecture 1: What is Bootstrap

Lecture 2: Adding bootstrap

Lecture 3: Overview

Lecture 4: Creating a basic website in minutes

Lecture 5: Creating buttons

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 4 votes

2 stars: 4 votes

3 stars: 29 votes

4 stars: 69 votes

5 stars: 102 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!