Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

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.

Created byManzoor Ahmed

Last updated 3/2024

English

What you'll 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

Course content

16 sections • 70 lectures • 8h 50m total length

Introduction1:48
Introduction To HTML9:48
Explore how HTML structures web pages with doctype, html, head, and body tags, create hyperlinks, and view simple demos in a browser using notepad.
Introduction To VisualStudio8:08
Learn to set up Visual Studio community edition, create a new .NET project, use Solution Explorer to manage pages, add a DML page, and run with the page inspector.
Getting Started With VS 202213:05
Download and install Visual Studio 2022, create an empty ASP.NET Core project, set up the ww w root folder, and enable static file access with app.UseStaticFiles() to host index.html.
Introduction To HTML Elements And Attributes6:03
Comments And Page Information4:06

Id Selector6:55
Class Selector4:38
Grouping Selector4:24
Group various elements with a grouping selector and apply CSS selectors to style lists and anchors, creating a horizontal navigation menu with a black background, white text, and hover effects.
Design Menu4:21
Design a horizontal menu by styling an ordered list with id menu, making items inline with a black background, white links, no underline, rounded borders, and orange background.
Presentation (PPT)0:01

File with .js Extension4:03
Learn how to place JavaScript in external files with a .js extension, link them via a script tag, and decouple logic from HTML.
Introduction To Visual Studio9:29
Install the free Visual Studio community edition, create an empty JavaScript project, and learn to write, manage pages, and run code from a single window using Solution Explorer and debugging.
Immediate Mode Vs Differed Mode Of Script4:56
Discover how immediate mode executes JavaScript as the page loads while deferred mode waits for events like button clicks, using script tags and basic event handling.

Working With Variables In JavaScript8:16
When to Use What Control Structures (Theory)6:18
Contional Statement - If Else11:28
Learn to implement conditional statements using if-else, handle multiple conditions, compare values, and use basic debugging to display outcomes like greatest of numbers and grade classifications.
Debugging JavaScript Code4:40
Learn how to debug JavaScript code using breakpoints, stepping through source, and evaluating conditional statements to identify undefined values and logic errors on the client side.
Switch Case Default6:22

Requirements

Should know how to use computer

Description

HTML And CSS

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.

Who this course is for:

Any one who is interested in web development.

Create your first portfolio and host it live - for beginners

What you'll learn

Explore related topics

Course content

Getting Started With HTML6 lectures • 43min

Various Tags4 lectures • 35min

Working With Form2 lectures • 20min

Cascading Style Sheets (CSS)3 lectures • 17min

Selectors In CSS5 lectures • 20min

Introduction To JavaScript3 lectures • 13min

Get Started With JavaScript On Visual Studio3 lectures • 18min

Basic Programming Concepts - Conditional Statements5 lectures • 37min

Basic Programming Concepts - Iterative Statements4 lectures • 29min

Arrays And Functions4 lectures • 32min

Requirements

Description

Who this course is for: