DEV Community: shAtud

Understand SQL cartisien product !

shAtud — Fri, 28 Jan 2022 07:32:59 +0000

if you liked the post please help us grow by subscribing to our youtube channel and our instagram
youtube: https://www.youtube.com/channel/UCZ2xCxsUyY-Nt4fKGA-eAUw/videos
intagram:https://www.instagram.com/sh_atud

restaurant glasmorphism interface using tailwind css | react | next js | html | css

shAtud — Fri, 21 Jan 2022 17:12:56 +0000

https://youtu.be/HHjSMApXWlY

responsive vertical navbar tailwind css | react | next js || glassmorphism desgin | html | css

shAtud — Fri, 21 Jan 2022 15:06:29 +0000

responsive vertical navbar tailwind css | react | next js || glassmorphism desgin | html | css

video link : https://youtu.be/v1u-WOCuyYY

in this video you will be creating a responsive vertical navigation bar working on all screen sizes using react | next js and tailwind css
the video includes the follwing topics 🔥🔥🔥!
1- using flexbox containers to align: the navigation links and their associated svg icons , the logo and the user informations and the html unordered list of links
2- using svgs in a react or a next js web application
3-tailwind css responsivity variants (sm,md,lg) to make our navbar work on all screen sizes

Notes app react | taiwlind css | javascript | glassmorphism

shAtud — Sat, 15 Jan 2022 00:17:44 +0000

Notes app react | taiwlind css | javascript

in this video we will be building a full functionalities responsive notes app using react and tailwind css v-3.0
the app will include the following features :
1- adding a new note to the list
2-updating the selected note and saving the changes
3-deleting a specific note at any time
4-searching for a specific note
5- beatifull automaticly generated bubbles at the begining and the ending of each row of notes alternatively 🔥🔥🔥 !
6- the notes app works in all screen sizes in other words its fully responsive

Link to the complete vidéo :
https://youtu.be/BsTCtrDllkc

responsive cards using tailwind css with glassmorphism

shAtud — Fri, 14 Jan 2022 22:48:19 +0000

in this video we will be building beautifull glassmorphism cards using the awsome css freamwork tailwind css 🚀 !
by watching this video you will see the follwing concepts in actions🔥🔥🔥:
1-aligning cards hourizontaly using a flex container
2-making the cards work on all screen sizes using only one utility class ( flex-wrap)
3-making a glass like cards using back-drop-{filter} utility classes
4- aligining text and adding images using the built in next js image component

Link to the video :
https://youtu.be/uFXA3QkEjas

Responsive animated sign in using tailwind css glassmorphism

shAtud — Fri, 14 Jan 2022 22:44:53 +0000

in this video we will be building this beautifull glassmorphism login form
by watching this video you are leveling up the following tailwind css and html skills :
1-building glass like forms using the utility classes back-drop-{filter}
2-making the form responsive by using the tailwind css responsivity variants ( sm ,md ,lg)
3-customizing tailwind css animations
4-adding beautifull animation to give life to our design
5-using tailwind css gradient colors to style the background

video link: https://youtu.be/eCGCHzGfZCQ

simple pendulum javascript canvas | oop | physics

shAtud — Thu, 13 Jan 2022 15:37:37 +0000

simple pendulum javascript canvas | oop | physics
https://youtu.be/9W1r-chLSRc

if you are a lover of physics or may be if you just studied how a pedulum works in the pass and wanted to refrech your memory this video is the right place for you ! 🔥🚀
a simple pendulum is a ponctual body tied on a specific carrier with a string with an ignored mass
we will be implementing it using vanilla javascript and html canvas api

links:
github link: https://github.com/shAtud
instagram: https://www.instagram.com/sh_atud/

How to build this login form using tailwind css

shAtud — Thu, 13 Jan 2022 15:19:14 +0000

Glasmorphism using tailwind css
https://youtu.be/eGEgnAqJ9tE

understanding Bubble sort algorithm by sorting levi ackraman character on attack of titans anime

shAtud — Wed, 12 Jan 2022 21:23:02 +0000

understanding Bubble sort algorithm by sorting levi ackraman character on attack of titans anime
https://youtu.be/aE-qqaEdDrI

bubble sort visualisation | javascript | canvas | html | css | oop

shAtud — Wed, 12 Jan 2022 15:34:31 +0000

Responsive login form using tailwind css (glassmorphism)

shAtud — Wed, 12 Jan 2022 14:36:36 +0000

https://youtu.be/w1ikQf9BrH8

memory game | react | next js | javascript | css | html

shAtud — Mon, 10 Jan 2022 15:43:33 +0000

https://www.youtube.com/watch?v=BkTyORDsiWE

if you liked our content please subscribe to the channel ,leave a nice comment and smash the like button ...thanks for watching