Currently Empty: $0.00
About Course
🚀Frontend Development
Koorsadaan waxa aad ku baraynaysaa xirfadaha aasaasiga ah iyo kuwa horumarsan ee loo baahan yahay si loo dhiso websaydhyo qurux badan, la falgala isticmaaleha, loona habeeyo si xirfadaysan. Waxaad ku bilaabi doontaa fahamka HTML, CSS iyo JavaScript – kuwaas oo ah tiirarka ugu muhiimsan ee horumarinta hore. Waxa kale oo aad qaban doontaa mashruucyo gacanta lagu sameenayo.
Intaa ka dib, waxaad baran doontaa Tailwind CSS si loo hormariyo quruxda iyo qaabka bogagga. Koorsada waxa ay sidoo kale diiradda saaraysaa React.js, oo ah Javascript Library awood badan.Â
Ugu Danbeyn waxaad barandoontaa Git iyo Github.
What Will You Learn?
- ✅ Introduction to Web Development.
- ✅ Visual Studio Code - Code Editor.
- ✅ HTML.
- ✅ CSS.
- ✅ HTML CSS Mini Project.
- ✅ Javascript.
- ✅ HTML, CSS and Javascript Projects
- ✅ Tailwind CSS.
- ✅ Tailwind Css Project.
- ✅ React Js.
- ✅ React Js Projects.
- ✅ Git and Github.
Course Content
Introduction to Web Development
Visual Studio Code – Code Editor
-
Visual Studio Resource
-
Download VS Code
02:38 -
Create and Open File and Folder
11:32 -
11 Extensions in Vs Code Detailed Explained
17:08 -
General and Editing Shortcuts
17:07 -
Navigation and View Layout Shortcut
06:04 -
VS Code Course Wrap up
01:40
HTML
-
HTML Resources
-
HTML Structure
09:19 -
Text in HTML
09:20 -
Lists in HTML
06:21 -
Block Element Vs Inline Element
05:15 -
Links in HTML
00:00 -
Media in HTML
11:39 -
Table in HTML
03:20 -
Input and Attributes
13:23 -
Types of Inputs
06:12
CSS
-
Css Resources
-
Insert CSS in HTML file
08:15 -
CSS Selectors
07:52 -
Typography, colors, Border and Backgrounds
12:08 -
Box Model
07:12 -
Signup Mini Project
13:45
HTML CSS Mini Project
-
Navbar
16:42 -
Hero Section and Featured Projects – HTML Code
15:23 -
Featured Projects Styled
10:26 -
Footer
11:34 -
Media Query Responsivesness
10:18 -
Wrap up
01:40
Javascript
-
Introduction to Javascript
04:35 -
Javascript Syntax
16:53 -
Variable and Data types
11:50 -
String in Javascript
14:02 -
Operator In Javascript
16:46 -
Control Flow
20:08 -
Functions In Javascript
08:10 -
How Functions Work
11:07 -
Objects in Javascript
07:09 -
Arrays in Javascript
08:16 -
loops in Javascript
10:10 -
Introdcution to DOM Manupulation
09:53 -
DOM Styles
09:42 -
AddEventListener in Javascript
12:15
Tailwind Css
-
Tailiwind Css Introduction
10:05 -
Boostrap VS Tailwind Css
10:08 -
Setup and Typography In Tailwind Css
17:21 -
Width. Hieght and Sizes
13:42 -
Utility Classes in Tawilind Css
06:19 -
Border and Shadow in Tailwind Csss
08:18 -
Breakpoints for responsive website in Tailwind CSS
07:47 -
Tailwind Css Basics Wrap up
12:10
Tailwind Css Project
-
Source Code
-
Project Setup
11:28 -
Set You color and sizes and Navbar section
20:40 -
Hero Section Tailwind Css
15:24 -
Features Section
16:16 -
Download Section Design and Footer
16:50
React Js
-
What is React
08:03 -
Install react using Vite
08:22 -
React Folder Explained
14:45 -
React Component
08:54 -
Simple Page in react
20:01 -
Re-useable Components
03:49 -
React Hooks – useState
08:58 -
React Hooks – useState – Practice
14:09 -
React Hooks – useState – Pratice 2
16:29 -
React Hooks – useEffect
10:57 -
React Hooks – useRef
06:20 -
Color Picker in React Js
13:45
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.
Student Ratings & Reviews
No Review Yet
Adan Bulle
Mohamed Dek