- 1. Introduction 2m 29s
- 2. Course Curriculum 5m 25s
- 3. How to Get Course Requirements 2m 27s
- 4. Getting Started on Windows, Linux or Mac 1m 32s
- 5. How to Ask Great Questions 1m 21s
- 6. FAQs 1m 4s
HTML CSS JavaScript Course for UI/UX Modern Web Developers
About this course
In this course, we will learn the basic tools that every web page coder/developer needs to know. We will start from scratch by learning how to implement modern web pages with UI/UX, HTML and CSS. We will then advance to learning how to code our pages such that their components rearrange and resize themselves automatically based on the size of the user’s screen by adding responsive meta code. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer.
Once web page design is completed by applying CSS style we will start doing JavaScript programming to create dynamic pages, JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user on the webpage.
Learning to code UI/UX,HTML, CSS and JavaScript is The first step to Coding you need to learn to succeed in WebApp development, it is easy to learn and understand our online HTML, CSS, and JavaScript Training course is designed for you with the complete steps to require learn Complete Web Developers topics. Mr. Sekhar Metla [MCP - Microsoft Certified Professional] will explain to you even complex topics to simplify and teach you that even beginners can easily understand with real-time examples.
This course is designed for beginners like you that are ready to learn Web Development without any coding experience required. If you are ready This is the perfect course to start with.
Explore how you can create websites from scratch!!!
Step-by-step course topics included EVERYTHING YOU NEED to get started and learn all the fundamental core concepts of web design and web development.
Professional training from an instructor with over 20+ years of web development experience ready to help you learn and answer any questions you have.
The course covers everything you need to know about HTML
Basic syntax - all the common tags used to develop web content
Learn about HTML structure within web pages by creating real-world examples
Explore HTML5 semantic elements
Build your own HTML template
Create HTML lists, hyperlinks, structure, menus, and add images
Build tables for even more HTML elements
Create Forms with in-depth form examples and HTML tag explanations and create basic form parameters
Add iframes and more cool HTML elements to how to add multiple websites to a single page
Create your own small HTML site using only HTML to understand the basic website structure
All this and more.
Now Course starts to cover everything you need to know about CSS
The basics of styling to start writing style code
How to use Classes and ID to select elements and reuse the style code
Explore ALL the colors for fonts and backgrounds explained in this course for free colors and fonts
Move content display properties on CSS follows name: value pairs explained many
Learn how to apply styling to common HTML like Lists, Tables, Divs, and more
Many things you need to style your text and make it look beautiful - including Google Fonts
Floats to position elements and content on page responsive
The BOX MODEL - padding, margins, border, height, and width for each element CSS positioning
Working with Hyperlinks, making them look good, and hover effects to handle different types
CSS Pseudo Class
The course covers everything you need to know about JavaScript programming
Explore how to write JavaScript basics from scratch
Data types are the building blocks of coding
Using Variables and types to assign data
Modern Datatypes Let, Const explained
Functions invoking blocks of code
JavaScript operators and assignment syntax with working examples
JavaScript Objects and Arrays
Conditions and Switches to apply logic
Control flow Loops and iterating through data
Document object to manipulate HTML element content
Selecting elements within the DOM
Manipulating element content and text output
Adding styling and classes using JavaScript
Event Listeners to add user interaction to your web content
Building and creating elements with JavaScript
Coding Exercise Challenges in lessons with step-by-step solutions
make your web page come to life with animations and effects slide, fade, and animation
create interaction with your page using event listeners like mouse events and keyboard events
Data Visualizations and Client-side validations
Learn from real-world experts
ABOUT YOUR INSTRUCTOR
Sekhar Metla is a software engineer with 20 years of professional experience. He is the author of several online-selling Udemy courses with more than 50,000+ students in many countries. He has a Master of Science in Computer Applications in Software Engineering. His students describe him as passionate, pragmatic, and motivational in his teaching.
What are you waiting join now to start learning how to make your own UI/UXWeb development career TODAY :)
What you'll learn
- In this course, we will learn the basic tools that every web page coder/developer needs to know.
- We will start from scratch by learning how to implement modern web pages with UI/UX, HTML and CSS.
- We will then advance to learning how to code our pages such that their components rearrange and resize themselves automatically based on the size of the user’s screen by adding responsive meta code.
- You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer.
Curriculum
197 Lessons • 17H 51M- 1. Introduction 4m 56s
- 2. Choosing Code Editor 6m 8s
- 3. Installing Code Editor (Sublime Text) 3m 48s
- 4. Overview of a Webpage 4m 35s
- 5. Full HTML Code Page 7m 5s
- 6. First Hello World! Page 8m 59s
- 7. Summary 2m 12s
- 1. Introduction 3m 4s
- 2. Heading 8m 48s
- 3. Paragraph 7m 35s
- 4. Formatting Text 12m 23s
- 5. List Items Un Ordered 5m 8s
- 6. List Items Ordered 3m 56s
- 7. Classes 9m 24s
- 8. IDs in CSS 6m 14s
- 9. Comments in HTML 4m 14s
- 10. Summary 3m 34s
- 1. Introduction 1m 58s
- 2. Images 11m 46s
- 3. Forms 5m 12s
- 4. Form Actions 4m 26s
- 5. Br Tag 3m 25s
- 6. Marquee 5m 29s
- 7. Text Area 6m 2s
- 8. Tables 6m 3s
- 9. Links 7m 19s
- 10. Navbar / Menu 4m 4s
- 11. HTML Entities 5m 17s
- 12. Div Tag 5m 49s
- 13. Google Maps 7m 14s
- 14. Summary 1m 59s
- 1. Introduction 1m 46s
- 2. HTML5 Audio 7m 16s
- 3. HTML5 Video 4m 47s
- 4. Progress Bar 4m 7s
- 5. Drag & Drop 18m 29s
- 6. Canvas 5m 35s
- 7. I frames 5m 6s
- 8. Input Types 4m 6s
- 9. Input Attributes 6m 23s
- 10. YouTube Video Linking 3m 52s
- 11. Creating Responsive Page 4m 56s
- 12. Summary 1m 48s
- 1. Introduction 1m 46s
- 2. Registration Form 4m 18s
- 3. Login Form 3m 35s
- 4. About Us Form 2m 12s
- 5. Contact Us Form 9m 49s
- 6. Footer Form 2m 50s
- 7. Integrate All Together 6m 34s
- 8. Coding Exercise 1m 21s
- 9. Solution for Coding Exercise 2m 21s
- 10. Summary 2m 8s
- 1. Introduction 2m 7s
- 2. Challenge – HTML 5 Clock Face with Numbers 4m 31s
- 3. Project Overview 2m 55s
- 4. Conclusion on Project 1m 17s
- 5. Summary 1m 33s
- 1. Introduction 2m 43s
- 2. CSS Syntax 4m 59s
- 3. Creating Webpage with CSS 12m 30s
- 4. Inline CSS 5m 56s
- 5. Internal CSS 5m 23s
- 6. External CSS 9m 55s
- 7. CSS Classes 9m 24s
- 8. CSS IDs 6m 14s
- 9. Colors 8m
- 10. Backgrounds 3m 34s
- 11. Floating 8m 38s
- 12. Positioning 5m 53s
- 13. Margins 7m 3s
- 14. Padding 3m 52s
- 15. Borders 3m 16s
- 16. Summary 1m 55s
- 1. Introduction 2m 14s
- 2. Styling Text 6m 34s
- 3. Aligning Text 3m 58s
- 4. Styling Links 10m 2s
- 5. Font Family 7m 5s
- 6. Font Styles 3m 14s
- 7. Applying Google Fonts 7m 5s
- 8. Box Model 8m 49s
- 9. Icons 8m 42s
- 10. Tables 15m 53s
- 11. Navigation-Menu 11m 11s
- 12. Dropdowns 15m 21s
- 13. Summary 1m 42s
- 1. Introduction 1m 34s
- 2. Advanced Selectors 5m 1s
- 3. Forms 16m 33s
- 4. Website Layout 20m 53s
- 5. Rounded Corners 8m
- 6. Color Keywords 5m 45s
- 7. Animations 7m 33s
- 8. Pseudo Classes 3m
- 9. Gradients 2m 51s
- 10. Shadows 3m 29s
- 11. Calculations 5m 13s
- 12. Creating Responsive Page 6m 11s
- 13. Summary 1m 51s
- 1. Introduction 1m 18s
- 2. Button Styles 6m 4s
- 3. Flexbox 13m 47s
- 4. CSS Grid 14m 47s
- 5. Pagination 6m 55s
- 6. Multiple Columns 5m 43s
- 7. Image Reflection 2m 40s
- 8. UI / UX Design 9m 11s
- 9. Social Media Icons 7m 55s
- 10. External CSS Style Adding 5m 50s
- 11. Coding Exercise 1m 24s
- 12. Solution for Coding Exercise 2m 56s
- 13. Summary 1m 32s
- 1. Introduction 1m 14s
- 2. CSS Project Getting Started 4m 45s
- 3. CSS Project Overview 8m 22s
- 4. Summary 1m 17s
- 1. What is JavaScript? 8m 54s
- 2. Installing Code Editor(Sublime Text) 3m 48s
- 3. Installing Code Editor(Visual Studio Code) 6m 33s
- 4. Hello World Program 13m 32s
- 5. Getting Output 10m 56s
- 6. Summary 1m 38s
- 1. Introduction 2m 22s
- 2. Internal JavaScript 13m 28s
- 3. External JavaScript 8m 49s
- 4. Inline JavaScript 3m 45s
- 5. Async and Defer 5m 49s
- 6. Variables 12m 40s
- 7. Data Types 9m 40s
- 8. Numbers 5m 47s
- 9. Boolean 3m 59s
- 10. Arrays() 12m 27s
- 11. Objects 6m 19s
- 12. Comments 5m 27s
- 13. Summary 1m 11s
- 1. Introduction 1m 47s
- 2. Strings 5m 54s
- 3. String Formatting 5m 14s
- 4. String Methods 11m 55s
- 5. Summary 1m 40s
- 1. Introduction 1m 42s
- 2. Arithmetic operators 7m 14s
- 3. Assignment operators 3m 7s
- 4. Comparison operators 6m 6s
- 5. Logical Operators 7m 45s
- 6. Summary 1m 43s
- 1. Introduction 1m 38s
- 2. If Statement 4m 23s
- 3. If-else Statement 5m 18s
- 4. If-else-if Statement 4m 28s
- 5. Switch-case Statement 9m 13s
- 6. Summary 1m 19s
- 1. Introduction 1m 39s
- 2. While Loop 8m 31s
- 3. Do-while Loop 2m 29s
- 4. For Loop 7m 56s
- 5. Break 2m 5s
- 6. Continue 2m 49s
- 7. Coding Exercise 1m 35s
- 8. Solution for Coding Exercise 1m 39s
- 9. Summary 1m 31s
- 1. Introduction 1m 36s
- 2. Creating a Function 7m 23s
- 3. Function Call() 6m 51s
- 4. Function with Parameters 5m 8s
- 5. Function Bind() 5m 48s
- 6. Summary 1m 18s
- 1. Introduction 56s
- 2. How to Use Google Chart Script 3m 51s
- 3. Line Graph Chart 13m 30s
- 4. Scatter Plots Chart 2m 12s
- 5. Bar Chart 3m 29s
- 6. Pie Chart 2m 8s
- 7. 3D Pie Chart 1m 54s
- 8. Summary 1m 4s
- 1. Introduction 1m 21s
- 2. Try-catch 5m 24s
- 3. Try-catch-finally 16m 35s
- 4. Summary 1m 7s
- 1. Introduction 1m 10s
- 2. On Submit Validation 8m 42s
- 3. Input Numeric Validation 12m 16s
- 4. Login Form Validation 5m 13s
- 5. Password Strength Check Validation 4m 18s
- 6. Summary 1m 5s
- 1. Introduction 2m 9s
- 2. Installing Free FTP Solution (FileZilla) 4m 23s
- 3. Setting up FTP (File Transfer Protocol) 3m 2s
- 4. Publish Website to Hosting Server 3m 49s
- 5. Summary 1m 12s
- 0.00 instructor rating
- 1 courses
- Systems students worldwide
Metla Sudha Sekhar
Learn from DragonZap instructors with practical, build-first lessons focused on systems, low-level programming, compilers, kernels, and real-world engineering fundamentals.
Student reviews
No student reviews have been posted yet.