Create your first portfolio and host it live - for beginners

Design and build websites using html, css, javascript and typescript from scratch for absolute beginners.

4.39 (1696 reviews)
Web Development
Create your first portfolio and host it live - for beginners
9 hours
Jul 2022
last update
regular price

What you will learn

Develop static website

Apply styles using css

Introduction to JavaScript

Getting Started With JavaScript On Visual Studio

Basic Programming Concepts - Conditional Statements

Basic Programming Concepts - Iterative Statements

Arrays And Functions

Various Events

OOPs Concepts In JavaScript



Do you know! what ever you see on a website in your browser is purely html and css. If you are really interested in learning website development using any technology weather it is Asp.Net, Java or Php, the basic thing that you should know is HTML and CSS. More over if you want to develop your own static website with contact us form then this course teaches you the best.

In this course we will start with the concept why we need HTML then we dive into tags river and will cover comments, page information, document structure, links, text markup, lists, forms and images. We take start of css with why and goes for various types of styling techniques in web design and move ahead with various selectors and design a beautiful menu from scratch and finally end with designing and hosting a static web site.

JavaScript : Do you know that all the web client frameworks are based on JavaScript?

Like AngularJS, ReactJS, NodeJS, etc., So, now it is the time for you to not only build a strong base in JavaScript basic programming but also to understand the basics of object oriented programming using JavaScript.

Yes, the buzzword of the market that is TypeScript and AngularJS2+ are completely based on oops through the JavaScript.

When it comes to the passing data from a client to the server then JSON formatted data is the hero, which again reminds the object or collection of objects of JavaScript.

Now no way to escape from learning JavaScript, if you want to stick to web technology with any platform whether it is Microsoft or Java or PHP or anything else.

So, no worries! we made it damn simple for you to master it :)

TypeScript : Yes! TypeScript is the base for Angular2+ , If you want to enter into the world of Angular 2, 4, 5, ... then the first step is to understand TypeScript.

I am going to make it very simple for you to learn and implement it.

TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript.

TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).

What are you waiting for? just join into this course and make the buzz word of the market a part of your profile.


Getting Started With HTML

Introduction To HTML
Introduction To VisualStudio
Introduction To HTML Elements And Attributes
Comments And Page Information

Various Tags

Document Structure Tags
Formatting And Listing Tags
Table And Image Tags
Anchor Tags

Working With Form

Static Vs Dynamic Website
Form Elements

Cascading Style Sheets (CSS)

Introduction To CSS
Inline And Internal Style
External Style

Selectors In CSS

Id Selector
Class Selector
Grouping Selector
Design Menu
Presentation (PPT)

Introduction To JavaScript

Introduction To JavaScript Course
Introduction To JavaScript
Display Hello World

Get Started With JavaScript On Visual Studio

File with .js Extension
Introduction To Visual Studio
Immediate Mode Vs Differed Mode Of Script

Basic Programming Concepts - Conditional Statements

Working With Variables In JavaScript
When to Use What Control Structures (Theory)
Contional Statement - If Else
Debugging JavaScript Code
Switch Case Default

Basic Programming Concepts - Iterative Statements

for Loop In JavaScript
Table Layout Using for Loop
while Loop In JavaScript
do while Loop In JavaScript

Arrays And Functions

Arrays In JavaScript
for-in Loop In JavaScript
Function In JavaScript
Local Vs Global Variables In Javascript

Various Events

Window Event And navigator Object
Form Events In Javascript - I
Form Events In Javascript - II
Form Events In Javascript - III
onKeyPress Event In Javascript - Twitter TextArea
Mouse Events In JavaScript
A Simple Calculator Using JavaScript

OOPs Concepts In JavaScript

Stand Alone Single Object In JavaScript
Stand Alone List Of Objects In JavaScript
Why OOPs?
Classes And Objects In JavaScript
Constructor In JavaScript
List Of Objects In JavaScript
Source Code And PPT

Getting Started With Typescript

Introduction To The Course
Getting Started With TypeScript
var Vs let
DataTypes And For Of
Function As A Class

Basic - Object Oriented Programming

Classes And Objects
Constructor And Method Overloading
Passing Object As A Parameter
Public And Private Members

Advanced - Object Oriented Programming

Inheritance In TypeScript I
Inheritance In TypeScript II
Runtime Polymorphism - Abstract Classes - I
Runtime Polymorphism - Abstract Classes - II
Internal Modules Or Namespaces - export
External Modules - import
Source Code And PPT


December 29, 2021
I can understood everything easily by his way of teaching. Iam really enjoying this content and learning even a piece of knowledge about computer. Thanks to Udemy.
August 29, 2021
it was so good. The tutor made this course so simple and starts from beginners level. But i got some doubts .Though thanks<3
June 7, 2021
The way concepts are explained is very good and can be understood by beginner who don't know programming.
April 21, 2021
Very good way to teach the course, explanation is very good. The trainer explains each part in detail, so the learner get the clear concept of each course content.
March 13, 2021
This course is well put with simple and great demos Thank you Mazoor Do you offer an Angular II for beginners?
January 26, 2021
I could not get into this at all. Maybe it would be okay for people in the tutor's part of the world.
October 15, 2020
he was also skipped few new keywords and he has very good knowledge and good capabilities of explanation
May 19, 2020
html and css content is well taught and also provides a basic and sufficient understanding of javascript to get you started with it
April 29, 2020
I believe you can use the <br> tag without the slash as in <br\> or <br/>. The OOP stuff was kind of new to me & I probably need to watch it again.
April 16, 2020
Very useful for begginers, after section 9: video 32 I finally understood the nested loops much much better ;)
April 8, 2020
Why not provide the sample page codes that are being created in a Notepad file ? For students to download and then practice and play around later ? It adds lot of online time to keep pausing the video and make notes manually. At end of each chapter, please provide a sample html code for the created page.
July 16, 2019
Not a good match for HTML & CSS so far, maybe will be in the future sections A good for Beginner according to Javascripts & Typescripts Thanks
June 19, 2018
I learned the this type of programming fairly quickly due to the in-depth teaching at a nice, medium pace.
March 16, 2018
[EDITED REVIEW] My name is Erik. I took this course when it was new and didn't have a lot of content. When I took this course there was only HTML & CSS lectures, which didn't impress me at all. Now this course is updated and I want to share 2 different reviews. First part is about the HTML & CSS and the second part is about the JavaScript, TypeScript & OOP. [First part] (HTML & CSS) There are important parts that could be improved, such as using best practise, managing the code structure, parts of the course is outdated, its not good practise to design a website's layout with tables and finally there could have been a few cases of in-depth about different elements and such. [Second part] (JavaScript, TypeScript & OOP) The second part of the course is outstanding and full of knowledge and a lot of good practices. The instructor at this point is explaining complex code structure in-depth. Such as concepts in JS, TS and OOP. Where he teaches you about abstract classes, namespaces, polymorphism etc. He does teach you JavaScript & TypeScript in a good maner so that it's easy to follow and understand. This is the first time in a course that I've taken, that an instructor teaches you that you should debug your code. Debugging code is follow the code line by line to see how the code behaves. This is the most important element to fully understand the code you've written. Debugging makes you an expert in finding errors in the code. My rating has now been changed from 2 star to 4,5 star. Thanks for the course // Erik
January 12, 2018
This was absolutely basic for me as I have had previous knowledge of HTML and CSS. I enjoyed the course because as I coded in class i didn't really understand why I was using some elements or tags, but as I went through this course I had that understanding and I also researched and read about it.Thank you.



Create your first portfolio and host it live - for beginners - Price chart


Create your first portfolio and host it live - for beginners - Ratings chart

Enrollment distribution

Create your first portfolio and host it live - for beginners - Distribution chart

Related Topics

udemy ID
course created date
course indexed date
course submited by