Free Frontend Web Development course in #Urdu - Class 36 - Convert PSD into Bootstrap4
Showing posts with label Frontend Development Course. Show all posts
Showing posts with label Frontend Development Course. Show all posts
Free Frontend Web Development course in Urdu - Class 15 - CSS ( entity, Animation, and Responsive)
Free Frontend Web Development course in Urdu - Class 15 - CSS ( entities, Animation, transition, and Responsive)
Hi Guys,
In today's lecture, we will learn CSS #entity, #Animation, #transition, and #Responsive (Media Queries).
Entities: = 00:22
Animation: = 03:50
Transition: = 13:00
Responsive (Media Queries): = 18:09
Feel free to ask question :).
WATCH FULL VIDEO HERE ==> https://www.youtube.com/watch?v=0PQVxDaP7E4
Hi Guys,
In today's lecture, we will learn CSS #entity, #Animation, #transition, and #Responsive (Media Queries).
Entities: = 00:22
Animation: = 03:50
Transition: = 13:00
Responsive (Media Queries): = 18:09
Feel free to ask question :).
Free Frontend Web Development course in Urdu - Class 14 - CSS ( Units, viewport, and functions)
Free Frontend Web Development course in Urdu - Class 14 - CSS ( Units, viewport, and functions)
Hi Guys,
In today's lecture, we will learn CSS #Units, #viewport, and #functions.
UNITS: PX, EM, REM = 00:14
VIEWPORT: VH, VW, VMIN, VMAX = 08:55
FUNCTIONS: CALC() = 18:50
Feel free to ask question :).
WATCH FULL VIDEO HERE ==> https://www.youtube.com/watch?v=-anf0_NpmTY
Hi Guys,
In today's lecture, we will learn CSS #Units, #viewport, and #functions.
UNITS: PX, EM, REM = 00:14
VIEWPORT: VH, VW, VMIN, VMAX = 08:55
FUNCTIONS: CALC() = 18:50
Feel free to ask question :).
Free Frontend Web Development course in Urdu - Class 13 - combinators, Pseudo Class,
Free Frontend Web Development course in Urdu - Class 13 - CSS ( combinators, Pseudo Class, Pseudo Elements and Sprites)
Hi Guys,
In today's lecture, we will learn CSS #Combinators, #PseudoClass, #PseudoElements, and #Sprites.
Combinators = 00:42
Pseudo Class = 08:59
Pseudo Elements = 12:35
Sprites = 18:15
Feel free to ask question :).
WATCH FULL VIDEO HERE ==> https://www.youtube.com/watch?v=C1KupT5gauA
Hi Guys,
In today's lecture, we will learn CSS #Combinators, #PseudoClass, #PseudoElements, and #Sprites.
Combinators = 00:42
Pseudo Class = 08:59
Pseudo Elements = 12:35
Sprites = 18:15
Feel free to ask question :).
Free Frontend Web Development course in Urdu - Class 12 - Understanding Flexbox - Part 2
Free Frontend Web Development course in Urdu - Class 12 - Understanding Flexbox - Part 2
Hi Guys,
We will cover remaining concepts related to Flexbox in this lecture. To watch 1st Part please visit URL below.
https://youtu.be/sTy9_e61Trs
WATCH COMPLETE VIDEO HERE ==> https://www.youtube.com/watch?v=6wvVOi4_hio
Free Frontend Web Development course in Urdu - Class 11 - Understanding Float / Flexbox
Free Frontend Web Development course in Urdu - Class 11 - Understanding Float / Flexbox CSS - Part 1
Hi Guys,
From now on I will be sharing my live online classes; you might hear multiple voices of students attending the class. I will cut out the Question answer session so that you will watch actual training only.
In our today's class we will learn Layouts using #float property(float left, float right, clear both) and we will start Flexbox too. This is the first part for Flexbox soon you will have the 2nd part for #Flexbox.
WATCH COMPLETE VIDEO HERE ==>> https://www.youtube.com/watch?v=sTy9_e61Trs
Free Frontend Web Development course in Urdu - Class 10 - Understanding position property
We will learn position property in this lecture. I will explain in every detail so that you know exactly when to apply absolute and relative property.
WATCH COMPLETE VIDEO HERE ==> https://www.youtube.com/watch?v=G3hvWVY3Li0
Free Frontend Web Development course in Urdu - Class 9 - Understanding nth-child
We will learn very important selector called nth-child in this lecture. I will explain in every detail so that you know exactly when to apply Understanding nth-child and nth-of-type selectors.
WATCH COMPLETE VIDEO HERE ==>> https://www.youtube.com/watch?v=wgw5gaWDkkM
Free Front-end Web Development course in Urdu - Class 6 - HTML5 Form & advanced fields
We will learn HTML5 form and HTML5 advanced fields in today's lecture. Don't miss this lecture as I am sharing some advanced fields that are not commonly used today but very powerful.
WATCH VIDEO HERE ==> https://www.youtube.com/watch?v=36mIorrKHro
Free Front-end Web Development course in Urdu - Class 5 - Table, list, console
 |
| Free Front-end Web Development course in Urdu - Class 5 - Table, list, console |
WATCH VIDEO HERE ==> https://www.youtube.com/watch?v=ujqM8rAVP4Y
Hi Guys,
We will learn HTML structure; Table, list and how to use the console for debugging.
Please go through below URL for HTML tags and attributes.
URL: https://www.w3schools.com/tags/default.asp
Feel free to ask question :).
#website: www.mrmoeed.com
#email: hello@mrmoeed.com
Free Front-end Web Development course in Urdu - Class 4 - HTML Tag, Element, Attribute
 |
| Free Front-end Web Development course in Urdu - Class 4 - HTML Tag, Element, Attribute |
WATCH VIDEO HERE ==> https://www.youtube.com/watch?v=gUjQZSW2rjk
Hi Guys,
Today is our first #HTML5 class, We will learn HTML structure; Tags, elements and Attributes.
We will learn to validate our final HTML file using W3 Validator.
URL: https://validator.w3.org/
Feel free to ask question :).
#website: www.mrmoeed.com
#email: hello@mrmoeed.com
Free Front-end Web Development course in Urdu - Class 3 - Photoshop Slice Tool
 |
| Free Front-end Web Development course in Urdu - Class 3 - Photoshop Slice Tool |
WATCH FULL VIDEO HERE ==> https://www.youtube.com/watch?v=LQJxjtkdyqc
In Today's class, we will learn Photoshop Slice tool and how to save images for the web. This lecture is important because I will be sharing some shortcuts and short keys that can make our work faster and I will be using the same keys in future lectures. So please go through complete lecture write down the keys so you don't get confused in future lectures.
Short Keys:
Save for web = CTRL + ALT + SHIFT + S
New canvas = CTRL + N
Copy = CTRL + C
Copy all selected area = CTRL + SHIFT + C
Paste = CTRL + V
Move tool = V
Marquee tool = M
Text tool = T
Hand tool = H OR press spacebar on keyboard and drag with mouse
Zoom tool = Z OR CTRL +, CTRL -
Show / hide Guides = CTRL + H
#website: www.mrmoeed.com
email: hello@mrmoeed.com
Front End Web Development course in Urdu - Class 2 - Photoshop Interface - Short Keys
Welcome to Front End Web Development course in Urdu.
 |
| Front End Web Development course in Urdu - Class 2 - Photoshop Interface - Short Keys |
VIDEO ON YOUTUBE: URL ==> https://www.youtube.com/watch?v=jAqBVGtY5O8
Front End Web Development course in Urdu - Class 1 - Understanding Photoshop
Front End Web Development course in Urdu - Class 1 - Understanding Photoshop
A complete Free Front End Web Development course in the Urdu language.
What will you learn in this course? #Photoshop Basic in Urdu #HTML in Urdu #CSS in Urdu #JavaScript in Urdu #jQuery in Urdu #Responsive design in Urdu #Bootstrap in Urdu #Wordpress in Urdu #website: www.mrmoeed.com #email: hello@mrmoeed.com
A complete Free Front End Web Development course in the Urdu language.
VIDEO ON YOUTUBE: URL ==> https://www.youtube.com/watch?v=SUHWzD6DTJM
 |
| Front End Web Development course in Urdu - Class 1 - Understanding Photoshop |
What will you learn in this course? #Photoshop Basic in Urdu #HTML in Urdu #CSS in Urdu #JavaScript in Urdu #jQuery in Urdu #Responsive design in Urdu #Bootstrap in Urdu #Wordpress in Urdu #website: www.mrmoeed.com #email: hello@mrmoeed.com
Free Front-end Web Development course in Urdu - Introduction
 |
| Free Front-end Web Development course in Urdu - Introduction |
Complete Free Front-end Web Development Course: Become A Professional Website Developer Today!
VIDEO ON YOUTUBE: URL ==> https://www.youtube.com/watch?v=bpqHVwRfct8
