Demo Class 1: CSS Background Color, Image, Repeat, Position - betterskill.io Skip to main content

betterskill.io

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Save More with Bundle Courses

Menu
  • All Courses
    • Bundle Course
    • Research & Data Analytics Course
    • Office & productivity
    • Programming
Picture of Jaber
Menu
  • My Classroom
    • My Course
    • Profile Setting
    • Explore Course
Menu
  • login/Registration

Bundle Course

Menu
  • All Courses
    • Bundle Course
    • Research & Data Analytics Course
    • Office & productivity
    • Programming
Picture of Jaber
Menu
  • My Classroom
    • My Course
    • Profile Setting
    • Explore Course
Menu
  • login/Registration
Web Development Foundations: HTML, CSS, JAVASCRIPT Demo Class 1: CSS Background Color, Image, Repeat, Position
Web Development Foundations: HTML, CSS, JAVASCRIPT
0% Completed
DEMO CLASS [ক্লিক করে দেখে নিন কোর্সের ডেমো ক্লাস]
Demo Class 1: CSS Background Color, Image, Repeat, Position
Video - 00:5:00 mins
Demo Class 2: HTML Structure: Doctype, Html, Head, Meta, Title, Body
Video - 00:09:27 mins
Module 1: Getting Started
Lecture 1: Introduction HTML CSS JS
Video - 00:9:12 mins
Module 2: HTML5 Fundamentals
Lecture 2: Explore VSCode and What is HTML (copy)
Video - 00:10:47 mins
Lecture 3: HTML Text: Headings, Creating paragraphs, Text formatting (b,i, strong, em)
Video - 00:10:50 mins
Lecture 4: HTML List: list tags (ol, ul, li), line break, button and inline vs block
Video - 00:10:15 mins
Lecture 5: HTML Link: Creating Links with the Anchor Tag and Display Online Image, Local Image
Video - 00:09:52 mins
Lecture 6: HTML Form: Input Types, Buttons, Select, Option, Login Form
Video - 00:10:02 mins
Lecture 7: HTML Table Table, tr, th, td, caption, colspan, thead, tbody, tfoot
Video - 00:10:04 mins
Lecture 8: HTML Structure: Doctype, Html, Head, Meta, Title, Body
Video - 00:09:27 mins
Lecture 9: HTML5 vs HTML, Audio, Video, YouTube Video, Embed Iframe
Video - 00:11:00 mins
Module 3: CSS3 Fundamentals
Lecture 1: Introduction to CSS and CSS Types (Inline, Internal, External)
Video - 00:10:21 mins
Lecture 2: CSS Selectors (basic): Id, Class, Universal, Tags, Grouping, Attribute, Id vs Class
Video - 00:09:09 mins
Lecture 3: CSS Box Model Border, Font Size, Background Color, Text Color, Border-Radius, Margin, Padding
Video - 00:11:21 mins
Lecture 4: CSS External Setup, Display None, Hidden, Inline, Block, Inline-Block, Box-Shadow
Video - 00:05:42 mins
Lecture 5: CSS Background Color, Image, Repeat, Position, Size, Relative Image Path
Video - 00:05:00 mins
Lecture 6: CSS Basic Flex Properties
Video - 00:12:18 mins
Lecture 7: CSS Basic Grid Properties
Video - 00:07:34 mins
Lecture 8: CSS Position Static Relative Absolute Fixed Sticky
Video - 00:12:01 mins
Lecture 9: Start HTML CSS Portfolio Project Setup Image File and Introduction Font Awesome
Video - 00:08:29 mins
Lecture 10: Project Navbar Design and Added Font from Google Font
Video - 00:10:14 mins
Lecture 11: Project Banner Section Start, CSS Nested Class and Add Banner Image from Folder
Video - 00:12:23 mins
Lecture 12: Project Banner Section Completed properly and Introduce Media to Responsive the Website
Video - 00:11:53 mins
Lecture 13: Project Navbar, Banner responsive for Mobile Device and Start with About Section
Video - 00:15:50 mins
Lecture 14: Project About Section Completed and Start Skill Section
Video - 00:10:40 mins
Lecture 15: Project Skill Section Complete and Responsive Mobile Device
Video - 00:12:29 mins
Lecture 16: Project Footer Section Start and Design Input, Text Area
Video - 00:10:26 mins
Lecture 17: Finished Project Footer Section Complete and Share Idea How Practice New Design
Video - 00:08:48 mins
Module 4: Project 1 – Portfolio Website
Lecture 1: Start HTML CSS Portfolio Project Setup Image File and Introduction Font Awesome
Video - 00:08:29 mins
Lecture 2: Project Navbar Design and Added Font from Google Font
Video - 00:10:14 mins
Lecture 3: Project Banner Section Start, CSS Nested Class and Add Banner Image from Folder
Video - 00:12:23 mins
Lecture 4: Project Banner Section Completed properly and Introduce Media to Responsive the Website
Video - 00:11:53 mins
Lecture 5: Project Navbar, Banner responsive for Mobile Device and Start with About Section
Video - 00:15:50 mins
Lecture 6: Project About Section Completed and Start Skill Section
Video - 00:10:40 mins
Lecture 7: Project Skill Section Complete and Responsive Mobile Device
Video - 00:12:29 mins
Lecture 8: Project Footer Section Start and Design Input, Text Area
Video - 00:10:26 mins
Lecture 9: Finished Project Footer Section Complete and Share Idea How Practice New Design
Video - 00:08:48 mins
Module 5: Modern JavaScript Fundamentals (ES6+)
Lecture 1: Intro for JavaScript Module What We Learn this Module
Video - 00:01:17 mins
Lecture 2: Introduction JavaScript Ecosystem and Understanding Variables var, let, const
Video - 00:17:46 mins
Lecture 3: JavaScript String, Array, Object
Video - 00:15:24 mins
Lecture 4: JavaScript Funcation, Arrow Funcation and Template Literals
Video - 00:10:04 mins
Lecture 5: JavaScript Conditional Statements if, else if, else, Switch, Ternary Operator
Video - 00:09:29 mins
Lecture 6: JavaScript for Loop, While Loop, Do While loop, for in loop, for of loop
Video - 00:09:42 mins
Lecture 7: JavaScript Array Method Map, Filter, Reduce, Sort
Video - 00:12:10 mins
Lecture 8: JavaScript Destructuring, Rest and Spread Operators
Video - 00:08:44 mins
Lecture 9: JavaScript Basic String and Array Problems
Video - 00:06:40 mins
Lecture 10: Introduce JavaScript Document Object ModelDOM
Video - 00:12:10 mins
Lecture 11: JavaScript Synchronous and Asynchronous Promise, async await Concept
Video - 00:09:35 mins
Module 6: Project 2 – HTML, CSS, JavaScript API Project
Lecture 1: JavaScript Project BETTER TUB setup and navbar all category fetch from API
Video - 00:12:19 mins
Lecture 2: JavaScript Project Navbar Design and Fetch All Video Info
Video - 00:10:56 mins
Lecture 3: JavaScript Project Manually Design a Card
Video - 00:11:17 mins
Lecture 4: JavaScript Project All Video Card Design and Show as a Grid Layout
Video - 00:12:52 mins
Lecture 5: JavaScript Project Start based on Category data
Video - 00:10:24 mins
Lecture 6: JavaScript Project Explain Again based on Category Data Show
Video - 00:09:24 mins
Lecture 7: JavaScript Project Responsive for Mobile Screen and Develop in Netlify
Video - 00:05:42 mins
Lecture 8: JavaScript Project Introduce Tailwind DaisyUI Navbar Components and Design Professional Navbar
Video - 00:12:46 mins
Announcements Live Classes Gradebook Certificate Course Info
PreviousNext

betterskill.io is an e-learning platform designed by industry experts to equip youth with essential skills. Our goal is to build a skilled workforce that can shape the future of Bangladesh.

Support

  • About us
  • Contact us
  • FAQs
  • Refund Policy

Importantant Links

  • All courses
  • Offer & Discount
  • Verify Certificate
  • Blogs

Follow us

Facebook X-twitter Youtube Linkedin

support@betterskill.io
Phone:+8801338540261
Address: 29/2 Lake Circus, Kalabagan, 1205, Dhaka

SSLCommerz-Pay-With-logo-All-Size-01

Copyright © 2026 betterskill.io

  • Privacy Policy
  • Terms and Regulation
  • Login
  • Registration
Forgot Password?
Or
Or
Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.
body::-webkit-scrollbar { width: 7px; } body::-webkit-scrollbar-track { border-radius: 10px; background: #f0f0f0; } body::-webkit-scrollbar-thumb { border-radius: 50px; background: #dfdbdb }