HTML, CSS, JavaScript and BootStrap for Web designers

Name: HTML, CSS, JavaScript and BootStrap for Web designers
Rating: 4.0 (7 reviews)

The complete website coding course

Created byMohan Babu V

Last updated 3/2022

English

English [Auto],

What you'll learn

Student will learn about complete coding
Student will learn about HTML Attributes
Student will learn about HTML Elements and Nested Elements
Student will learn about CSS (Cascading Style Sheet )
After learn this course student can design real time websites
After learn this course student can start freelance career.
After learn this course student can abele to learn advanced courses.

Course content

6 sections • 37 lectures • 4h 37m total length

Introduction to Website Designing4:57
Explore website design fundamentals with HTML, HTML5 elements, CSS basics, and learn to build responsive layouts using Bootstrap grid, media queries, and interactive JavaScript features.
Basic HTML Elements7:29
Explore basic HTML elements and tags, including headings, paragraphs, bold, italic, underline, and lists, to structure and style web content.
HTML v5 Elements9:41
Explore HTML5 elements to structure web pages with sections, divisions, and articles, and implement navigation and regions to create flexible, template-driven layouts for modern websites.
Inserting Images2:17
HTML Marquee Element4:07
Explore the HTML marquee element and how it can animate content on websites. The caption discusses copying and pasting the code and calendar references to illustrate the element in action.
HTML Comment Tag1:44
Explore how the HTML comment tag annotates code in your editor. Learn how comments affect rendering in the browser and how to safely hide or reveal code during debugging.
Table Element & it s Attributes8:42
Explain table elements and attributes, demonstrate borders and alignment, and show how to structure content with paragraphs and documents across rows and columns, with browser previews.
Creating Root Folder for your project4:30
Create a root folder for your website to house all html, javascript, images, and assets, and learn to set this folder in your code editor for easy project setup.
Creating Page linking using HTML- A HREF Tag7:27
Forms in HTML13:31
Create and customize HTML forms using input fields, labels, placeholders, and attributes; implement validation and different submit methods to collect user data such as name, email, and mobile number.

Introduction to Visual Studio Code5:00
VS Code Editor, means Visual Code Editor. It is one of the best code editor, with the help of this code editor we can design any kind of websites , or we can run any kind of frame work based platforms. Event we can integrate GitHub and can host our website in Get Hosting also, it had very exiting features, please visit this video for details. And here you can download VS Code Editor , https://code.visualstudio.com/
Visual Studio Code Extensions5:19
Here you can find VS Code Download link
https://code.visualstudio.com/download

Here, you can find most useful extensions for your VS Code...
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

https://marketplace.visualstudio.com/items?itemName=babobski.bootstrap-5-snippets
https://marketplace.visualstudio.com/items?itemName=shahriarshafin.bootstrap-5-snippets
https://marketplace.visualstudio.com/items?itemName=AESSoft.aessoft-class-autocomplete
https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

Internal CSS4:14
External CSS4:05
Create and link an external CSS file to an HTML page, load a starter template, and apply simple styles to divisions and content to see styles render.
Inline CSS1:41
Explore applying inline CSS to HTML elements by styling a div with a solid border, adjusting color and border properties, and inspecting live examples.
CSS Floating4:48
In this lesson you will learn about how to assign float for html elements.
CSS 3 Effects8:30
Explore CSS 3 effects, including rounded corners, shadows, gradients, glass look, borders, and gradient headers, and learn practical styling for modern web design.
CSS Spacing Values11:54
Master CSS spacing values by examining padding and margins to control space inside elements and between boxes. Learn to use shorthand padding and set specific sides for precise layouts.
CSS Positions10:55
CSS Flexbox13:21
Explore CSS flexbox fundamentals by building a parent container with multiple child boxes, applying display:flex, and adjusting flex-direction, justify-content, and align-items to create responsive, side-by-side layouts.
CSS Media Queries13:21
Master flexbox fundamentals to arrange parent and child boxes, control width, height, colors, and alignment with justify-content, align-items, and flex-direction to create responsive layouts.

Introduction to Standard Java Script9:23
Java Script Document Object Properties7:10
Explore how JavaScript uses the document object model and document properties to render text with document.write, log results to the console, and trigger alerts via the browser object model.
Java Script Variables7:34
Learn how JavaScript variables store data values and render them in the browser using strings and numbers. Explore naming, semicolon syntax, and an introduction to data types.
Java Script Functions11:50
Java Script Local Variable Global Variable5:59
Java Script Data Types10:57
Java Script Events6:07
Introduction to Document Object Model (DOM)7:06

Bootstrap Installation6:06
Master Bootstrap installation for web designers by choosing between downloading Bootstrap files or using the starter template, linking CSS and JS, and testing responsive features.
Bootstrap Class Attributes12:17
Bootstrap 12 Column Grid Systems10:08
Learn to build a two-column layout with Bootstrap's 12-column grid system using containers, rows, and column classes to split content, and control widths with percentage and minimum pixel values.
Bootstrap Flex6:03
Learn how to use Bootstrap flexbox to place two paragraphs in a row as two columns. Build the layout with a container, divisions, and flex classes to achieve responsive alignment.
Bootstrap Break Points9:41
Bootstrap Styles7:59
Learn Bootstrap styles to style a paragraph inside a division with a glass container, applying background color, borders, margins, padding, rounded corners, and shadows.
Bootstrap Spacing Values10:13
Learn to apply Bootstrap spacing values using margins and padding to control space inside and outside content, with containers and starter templates, across paragraphs and sections.

Requirements

Every beginner is eligible to learn this course
To learn this course student need not need any experience in coding
This is a course that student will learn about complete coding

Description

Here in this course , learn web designing using Html Css and Javascript, will teach you about HTML v5/ CSS v3 /Java Script and Bootstrap . After learning this course you will get full access and the complete knowledge about web site designing. Here in my training you will earn practical knowledge about HTML / CSS and JavaScript. Even here in this course i mentioned about HTML version 5 / CSS version 3 and Java Script.

If you want to design any kind of website you need to learn about these technologies known as HTML / CSS and Java Script. Here in this course i could not mentioned about Bootstrap, because bootstrap is a CSS Framework to build responsive ( mobile friendly ) websites. But without using Bootstrap we can create responsive website using CSS Flex box and Media Queries. So that we can create responsive websites using Flex box and Media Queries.

So that i can say this is the best course to design websites using HTML / CSS and Java Script, if you learn this course you can easily understands what Bootstrap is ?? and which classes attributes can executive Bootstrap responsive web pages.

So that here In this course student will learn about complete website designing, this is a course having simple techniques to design website templates. Here in this course student will learn about HTML Tags, and CSS Coding structure, tips and techniques also.

Even in this course student will learn about, very useful tools to create slider effects and to create website feedback form tools. So that after completing the course student can design any type of website templates.

* After complete this course student can start freelancing career by making bids to design HTML / CSS / and Java Script websites, in freelancer , fiver etc platforms.

If you had any doubt plz let me know so that i will try to solve your bugs in your code and in your freelancer career
Thank you

Who this course is for:

Who ever want to start website career he can learn this course
Who ever want to start freelance career he can learn this course
Who ever want to learn Web designing, he can learn this course
Any one who ever want to know about web technologies, he can learn this course

HTML, CSS, JavaScript and BootStrap for Web designers

What you'll learn

Explore related topics

Course content

HTML Coding10 lectures • 1hr 4min

Visual Studio Code Editor ( VS Code )2 lectures • 10min

CSS Styling9 lectures • 1hr 13min

Standard Java Script8 lectures • 1hr 6min

Get Bootstrap7 lectures • 1hr 2min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: