How To Make A Website Using HTML CSS And JavaScript Step By Step | Website Design Tutorial

Подписаться 1 млн

Просмотров 1,2 млн

50% 1

Learn How To Make A Website Using HTML CSS And JavaScript Step By Step | Website Design Tutorial #WebDesign #WebDevelopment
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
Here in this video, you will learn how to make this website design using HTML, CSS and JavaScript. At the top there is a navigation bar with logo and navigation menu. Website's background looks very nice because of angle shape and gradient color.
Then i have added one phone image on this website and near that image there is an icon, title and small text which display one of the features of this phone. This click and rotate function is made using very simple JavaScript that i will teach in this video.
You will learn to make this complete design in this video step by step, So don't skip this video and keep watching till the end.
Recommended videos:
How To Make eCommerce website design:
• Create Ecommerce Websi...
How to make complete website using HTML and CSS
• How To Make A Website ...
---------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
► Source code link in shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Download Images: drive.google.com/open?id=167d...
-------------------------------------
Image source:
www.freepik.com/
-------------------------------------
Like - Follow & Subscribe us:
► RU-vid: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr

Опубликовано:

1 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 851

@Webtricker 2 года назад

Using HTML CSS and JavaScript step by step for website design this tutorial was so simple and good. Thanks for sharing your valuable words.

@automationtesting3149 3 года назад

Being a newbie, this was really helpful. Thanks for the video

@moeinsamani1467 2 года назад

Hi dear, I am new to JS ,and you have brightened my horizons regarding the combination of CSS and JS.. Brilliant.. best wishes for you..

@user-cy4gt7un2g 9 месяцев назад

To be Honest I really love your Tutorials. you are very clear step by step. you are the definition of a teacher. keep up the Good work

@urigross 3 года назад

SUPER !!! I loved the website. I wish you would explain into more details each thing like the flex properties that you use in this project and so on. But this is great ! thank you.

@DirtyFan2 7 месяцев назад

Will this specific tutorial help me get an internship as a web developer? I am currently studying at a vocational school in Finland.

@allsideeditor3203 6 месяцев назад

do you have this code Because my code is not work properly

@Witty.Coding 3 года назад

I like how you've made this website so well and you can teach it however the only feedback I can give is that you did a lot of things quickly and without telling us why you are doing it and what it's function is on the website. With this tutorial we will be able to make that exact same website but won't know how to make our own ones.

@mukithasan9684 3 года назад

Let me tell you why. Cuz He doesn't even know how it works and he just copies it from someone. its just a gess

@mariogomezarr 3 года назад

Oh come on. You need to learn first before trying new things from this. You are smart enough to google some stuff, aren't you?

@36_parthshrimali84 3 года назад

Actually i was just waiting for the javascript part😂✌️

@bopu8348 3 года назад

Exactly

@phantomfires2496 3 года назад

Yup, he's just going at 500mph very briefly or not explaining what he's doing very much...

@ppajor5054 3 года назад

it's huge. You make good looking website so easy because it is. I love it!

@parthgupta4850 3 года назад

you are greAt! bro you explained the rotation of features part so well that a beginner will love it !

@victorouma1587 3 года назад

you are really my mentor as a young programmer

@ndungutse Год назад

Interesting lesson. I really learned some basics of html and css in a real demonstration. Thank you!

@GreatStackDev Год назад

Glad you liked this tutorial

@DirtyFan2 7 месяцев назад

Will this specific tutorial help me get an internship as a web developer? I am currently studying at a vocational school in Finland.

@switchroom-dm8xg 6 месяцев назад

apps ter name ki vai @@DirtyFan2

@abdullah6055 3 года назад

please explain your code while writing it will be a good practice!

@ajinkyakedia5046 3 года назад

It very basic actually , but I not demotiviating u but u should have some basic knowledge

@joshual1021 3 года назад

You should know the basics of html and css before even going through this. Learning by watching this way is not going to help you because you don't know the point of application. This isn't advanced at all, but if you're a super beginner you will be confused on Id and class usage. How flex works. Differences inline/inline-block/block. How he did the gradient. How the containers are being moved and transformed. How he is making the nav bar, what absolute position does with scrolling, etc. Do beginner courses. They'll walk you through everything for syntax. Then watch beginner applications of grid/column style containers for reactive web dev. These will help you understand how css works and from there Javascript will be a breeze to apply.

@ALLRounder-ch6uv 3 года назад

Yes u r right

@Nomorectrax 2 года назад

How did he get a blank chrome page?

@sonalinichit7156 2 года назад

@@ALLRounder-ch6uv ya

@io1063 3 года назад

This is very creativity, i never think it 🤣🤣 thanks man

@patrickstar4330 4 года назад

My brother, THIS IS AMAZING

@jamiecoding 11 месяцев назад

🔥👏 Web wizardry in action! GreatStack, you've unlocked the HTML, CSS, and JS magic. Kudos! ✨

@raivokleijsen 4 года назад

Really really good tutorial. Loved it!

@sylvesterfernandes8277 3 года назад

Thanks for the free tutor bro!!! love ur way of teaching

@gayatripangare5011 Год назад

The overall explaination and video is in a perfect flow. Really nice video

@aniceguy2577 4 года назад

Let's make it responsive now ✌🏻

@ahb1542 3 месяца назад

How to make responsive

@andersoncamargo6190 4 года назад

ótima aula!!

@evilshadow17 2 года назад

Hi! Excellent video and loved the website! Keep these videos coming!

@saadalsaidy3712 3 года назад

your lectures and tutorials are very great thank you

@mavsskaela3995 Год назад

I really love your tutorials. They way you explain I love it sir. Thank youuuu

@ahmadorekoya2407 7 месяцев назад

Amazing work bro I just finished it and I loved it all the way

@DasOrPass 2 года назад

Thank you so much bro.. Absolutely mesmerizing features.

@Spookydigy 2 года назад

great tutorial to refresh my skills, all done and it looks great.thanks

@xstanley999 3 года назад

Thanks a lot for making this video tutorial....you are genius

@mehboobmaniyar1890 Год назад

Really nice bro You have explained nicely everything in only +-20 minutes and created one website Really nice awesome

@TAUQEERSICETACADEMY 4 года назад

very powerful video . I really Love it.👍😊

@alfredosanchez6355 4 года назад

I followed your instructions, and everything is working. Excellent project. Thank you from Mexico.

@cyberblock7619 4 года назад

Mexicans are smart enough to code?

@iamhtmldeveloper Год назад

Really awesome creative work... Thanks for sharing with us

@ramakhatiwada2145 2 года назад

Thank you really enjoyed it and also learned., I’ll try to practice it myself ..

@kiwi-Centaur 3 года назад

This was a great demo, appreciate your hard work and time..

@johnontita6845 5 месяцев назад

great work God bless you webdesigner Avinash

@andre7188 Год назад

Great Video! The pace of this video is fantastic for those who know the basics of programming and HTML!

@ebukaokpara Год назад

Ur a smart kid

@ellopika2712 8 месяцев назад

@@ebukaokpara you're*

@ebukaokpara 8 месяцев назад

@ellopika2712 So your correcting me🤣🤣🤣🤣

@DirtyFan2 7 месяцев назад

Will this specific tutorial help me get an internship as a web developer? I am currently studying at a vocational school in Finland.

@allsideeditor3203 6 месяцев назад

do you have this code Because my code is not work properly

@victorouma1587 3 года назад

i rate you as the best teacher on my side

@pascalowilly2653 2 года назад

This was fun and helpful. Thank you

@ayanbanerjee4119 2 года назад

Mind blowing this this things are naught even present in website builders you are brilliant please make more like this, I learn a lot from you videos

@3dmusicbridge685 4 года назад

Sir you are great I am searching for this video normal only

@flower9067 4 года назад

Easy and creativity superb👌👌

@user-wk4kf3bx6x 2 года назад

very nicely presented brother. thanks a lot

@user-dq3qt7cu7o 3 года назад

I am from Bangladesh. Thnx you for your wonderful video..... we want to see more in next

@tradewinds9832 4 года назад

Great tutorial. You are a guru. Just subscribed.

@deepakkumarbehera7493 2 года назад

Thank you for the tutorial ❤️

@helpinghandsbysumit1638 2 года назад

thanks alot sir for this wonderfull practice

@jessicavillar8106 3 года назад

Thanks for the tuto. The only thing that it didnt worked was ".overlay{position:absolute}", i took it out and it worked well. Also: Maybe i didnt saw it bus the closig of "overlay" should go after the closer-div tag of "circle".

@sean_fisher Год назад

haha, I just discovered that and came here to comment

@allsideeditor3203 6 месяцев назад

do you have this code Because my code is not work properly

@trenom 3 года назад

nice tutorial man appreciate it!

@SonuSharma-yp2io 3 года назад

Pls explore your knowledge for us sir it will be really beneficial for us bcz we found coding so dificult &I m one of them..

@Xammie3000 Год назад

Nice memory refreshal I would need this again sometime in the future

@doerbiplob 2 года назад

Thank you so much.. It's really helpfull.

@anyanwugershomchibueze9358 2 года назад

really love this. pls i need basic javascript tutorials .

@rachitkvideos 3 года назад

Its best tuts learn new things thanks 🙏🙏

@nguyenthanhluu3892 3 года назад

I really like that you do, it very good.

@kumarbadela6119 3 года назад

That's Brilliant! Absolutely for Beginners. Awesome work..... Thank you very much!

@Larmama 10 месяцев назад

Thank you so much! You help me alot!!!

@srfahim23 Год назад

Greate to see

@victorouma1587 3 года назад

hello sir you are great teacher i really appreciate you on what you are doing to educate the young programmers

@charliestewart8054 2 года назад

facts man

@navigarkhel 7 месяцев назад

Amazing Sir, thank you so much

@victorouma1587 3 года назад

you are so good to meas you explain your project

@joshdenton611 3 года назад

that is an awesome web page. you don't see interactive media like that that often. Really neat.

@enamulkhan9341 2 года назад

Thank you for helping us

@dataadventurer2789 Год назад

Honestly Amazing Brother!!!

@WebDesignGeek 4 года назад

Lovely tutorial, keep it up!

@sabaranjan 3 года назад

Thanks Avinash. God Bless You and your team.

@GreatStackDev 3 года назад

Thank you so much Saba Ranjan

@mithunhazrabd 3 года назад

love you sir.❤❤

@XLOYT 6 месяцев назад

thank you soo mch sir

@dominskyi7857 2 года назад

Thanks a lot!

@kodindoyannick5328 4 года назад

Fantastic design! Y're one of the best teacher.

@ivanyoung7206 3 года назад

Thank you so much. I learned a lot in this video!

@AnuragYadav-ue6yn 2 года назад

Excelleny battery life ....excellent video

@abolfazlaskari9450 2 года назад

thanks so much brother

@shaklinemustak1861 4 года назад

❤️ ❤️ ❤️ ❤️

@TheScrewdriver 4 года назад

You are the best ❤️🙏🙏😍 And I’m the first 😂😅😅

@agnessraha6812 4 года назад

Brooooooo!!!!

@trainspotting_and_tech2023 3 года назад

And I am the 284th! 🤣🤣

@madhavishripuram7622 3 года назад

Thankyou...this was very simple and helpful.

@GreatStackDev 3 года назад

Thanks Madhavi, Glad it was helpful!

@niveds9090 3 года назад

you just got a new subscriber.........nice video.......well explanied......you must be doing more complex websites and explain.......

@iqbalfajry Год назад

Nice brooo thankyou very much hope you bless and healthy this is what i want, hope you're channel growth

@yrew2004 Год назад

Thanks sir

@tinnohli7888 2 года назад

Great job thank you

@programmingguruji2663 4 года назад

I am your Regular Viewer I learnt full Web Development without a course only from you You are a gorgeous person for me like God Please Make a video on how to make blurry background image in css I can Make a simple img blurr but cannot the image inserted in the body Section I tried to use filter: blur(5px); in body Section but cannot make the background image blurry

@songisomoono4885 7 месяцев назад

Thank you🙏🏿

@shreyaanand9889 2 года назад

thank you so much sir that you showed the interface using frontend but we want that you create a website with using backend and explain it like to explore in home pages and all...