Thank You for making this 6 videos. You taught me HTML, CSS and JS in just 5hr, other than those long lecture videos. I'm not financially independent, otherwise I really; heartily want to pay you. You taught me a lot Sir. Thank You.
I have watched a lot of HTML,CSS and JavaScript tutorials on TH-cam but this one is the best one so far and can easily comprehend the code you are writing with spaces in between and closing each section cleanly. Keep up the good work , you are a blessing for us newbie front-end developers and programming enthusiasts .
Bhai agar ap ya website Puri ho gay ho to mujha ap is ka code send kar do First video ka Mera wali responsive nhi ho Rahi ha please Bhai kar do
One of the best teacher for front end development. Doing a great job sir. May god bless you .
This is absolutely incredible, sir!! I've learned more coding along with you than 4 whole months of bootcamp! I only learned the fundamentals there, and you brought everything together. Well done! I'd be very interested in seeing you do the same thing with a different kind of product and very different layouts. It'd be great practice :)
Many of TH-camr who are a programmer, they are not in doubt a master of what they do but I'm telling you that being a programmer is one thing and teaching others is another thing. It requires something else to be able to teach or to be a teacher. That's why there is Bachelor of Education.
Remember, when you teach others, you are nor teaching yourself, your goal is to teach others so when you teach, put yourself in a position of your students who completely have no ideas.
I have subscribed to your channel by the way
Brother, your teaching style is really wonderful, you explain very fluently and calmly, and I learned a lot of codes again..Continue again thanks
@@Tech2etc Bonjour Monsieur, je suis un vrai débutant dans le milieu, j'ai 16 ans et je voudrais créer mon propre site e-commerce, cependant, je suis à la lettre votre vidéo mais rien ne s'affiche, pouvez-vous m'aider à me lancer personnellement s'il vous plaît ? C'est très urgent. (Je voudrais juste que vous m'aidiez à lier mes documents etc).
Cordialement.
Assalamu alaikum.
I want more of this website.
How to upload my products.
User dashboard.
Affiliate user dashboard.
And finally how to create
backend this site?
Please upload next parts.
@Tech2etc
QUESTION 1 (20:30):
if we have ul navbar items and apply the following css code to them
display: flex
will that transform them from a column to a row? if yes why?
short and precise explanation please, not overcomplicated
ANSWER 1:
Yes, applying display: flex; to a list of navbar items ( with list items ) will change the layout from a column (vertical stack) to a row (horizontal alignment).
This is because display: flex; applies a flex container to the , making its children (the elements) flex items.
The default value for the flex-direction property, when not specified, is row, which arranges the flex items in a horizontal row.
Therefore, the navbar items will be displayed side by side in a row.
but for it looks the same i have gone through everything in my code but cant find why there is no change so far
Thanks a lot, i just made a dashboard with another tutorial you uploaded and am getting closer to employment.🤑🥰
I want to create a furniture website can I know from where should I use images so that website can be shared with others
We can consider that's the best tutorial I have ever found... Just amazing, pedagogic and so glad when it goes easy.. You make it posible! Thank you!!
Nice! But, there should always be detailed n logical explanations. Like why did u use section why not div, why class n I'd are used, etc. You are making videos not for yourself, but for learners.
Using section can be more easily read especially for beginners whereas too many divs can make you confused. And ids ARE more professional, but I'd go with you for this one, classes are more easier and readable.
If you see a video tutorial to BUILD a full website then you should have some common sense to understand that it’s clearly not for beginners. You are asking for explanations of basic things such as semantics and attributes, search for a course, not a tutorial
This so beautiful oh my goodness I'm making an ecommerce website for a hardware shop and I'm 100% sure I'm modelling its design and functionality upon yours, brother this is beyond elegant. Great Work!!!.
Unfortunately, the entire layout breaks @ 3840px... But, this is fixable with containers.... So, I'm going to continue with the build because I'm really here for the shopping cart feature. I'm very thankful for the tutorial. Good job. I look forward to checking out the rest of your content.
@@oorjamahana4702
This was so long ago I almost forgot. Create inner divs as wrappers for each section, and set them to a a max-width of 2400px. Use flex-box to control the inner position of the elements. I hope that helps.
Dude is an absolute legend. You are so good at explaining, thank you so much for teaching me the basics of web development this was actually really useful.
Thank you bro. The only way to learn in Africa is by the help of heroes like you. I wish I can support you with money but I don't have much so I will continue to like, comment and share your videos to support you bro.
talk for your side of where you are living, i know peeps who also have paid courses and sites based in ghana who offer learning resources.
A true legend!!! thanks sir. love you and appreciate your work. thanks 1000000000 times.❤
Hi again. Have you considered adding PHP and MySQL to this course?
Your teaching style is fantastic and I really like it. Keep the good work going.
he seems to be more of a front end type of coder, although i do think that he knows backend software and coding language, for his type of videos backend is not necessarily required. Thus, the max amount of "back-end" he will probably end up adding is like a stripe integration cause all payments and product management can be managed through there. This is my opinion on his response but to be honest i too want some backend on his videos.
@@ayandas5730 It is a very good work. Elegant, clean, and very useful to beginners. It will be nice to see someone collaborating with him to add the required BE in case he is busy or unable to. I like the design so much.
hey mate !! let me know if he used any JavaScript in his entire website or he just made a frontend without making any live cart features?
your style is wonderfull, just one sugest, try to use html correct tags, for example, Use tag instead div id ="header" or nav instead div>ul.navbar
I think you are the best coder in the world because I am learning coding from 2020 to till. but your coding is so easy that I can understand smoothly.
Man !!!!! You are amazing. Beautifully explained. Very clear voice. Maza aagya sahi mein. 😁😁
Thank you so much. Please share this project on your social media. Will appreciate that.
just now completed this part...this is abolutely incredible,,thank you so much for guiding..such a beginner level content..i hope next parts will also did well..thank you
Hello, if you excuse me. How did you do the Menu button in the responsive section. It's not working for me. The 'active' class is missing somewhere.
This is best CSS tutorial, I've ever watched. Easy and simple to follow!
guys, do you know what makes this tutorial the best? it's so cleanly written, very clean... Even simple things like minimizing the section make this wonderful
I don't usually comment but after watching 45min into it, I couldn't stop myself thank you!
Awesome videos! I have a question! I have a 13 inch macbook pro and when I use this screen to look at my banner images they dont sit well on the screen but for when I inspect on mobil devices they look great. Is there any reason as to why this is happening? Im almost done with your lesson but my main banner images are giving me a hard time. Also my products arent sitting well on my macbook screen either.
I created shopping website but was not able to understand how can I make it better , but I learnt lot of new style and techniques with this tutorial....
So far its the first time someone is explaining things in a such simple way...so excited to jump into part 2 and so on...thx Sir
My friend needs pictures, help me, I can't find pictures in the description
It is so soothing when you say "that's it" lol, you made it look like it's no big deal.
sir. First of all I would like to thank you for this video. I'm a beginner in JS. But I can study the code(easily catchable). i have completed the Ecommerce design section that you have done this video. But section starting from (1:51:36 Responsive Breakpoint 1), I'm not getting the output even after writing the same code as you wrote. I checked again and again. how can it be fixed? ☹Pease help me ..
Me too I've been following him step by step but at some point you'll realise that his output works and yours doesn't work and I don't know if he doesn't want us to know that part. Especially with the responsiveness of the website and also the JavaScript he used in making the images change in the second part of the tutorial
If you could check the few first code in CSS file that he did not show us to code follow by him.
You rocks bro, so high!!, I could understand much better the CSS after did this website
Great tutorial! A couple questions: 1. What color package are you using in sublime text? How can I get the images you are using? Thanks!!!
Thank you bro 😃
Last year i followed Native entrepreneur's free series tutorial.. but they left it to hang mid,and their suggested tools prefered for Mac,which is not able for many people in world who learn via free tutorials
I hope,wish one day reach our dream life & thank you all
Hope wish all will be well 😃🌟✨🌙🌏🏠🙌
15.03.2023 10:10 pm ist
I appreciate the time and effort you put into making this video, it shows in the final product.
Your energy and enthusiasm are infectious, I can't wait to see more of your videos!
dil ki gehraion se apka shukria apki is website se bhttt kuch seekhney ko mila....
allah mazeedc taraqqi de apko ameen...
once again thanks😇
I have one doubt. The cart icon and nav bar slider icon which we made in our responsive page that is only getting displayed on my home page and not on other webpages(only in small screen and medium screen device). On the other pages just the cara logo is coming. What could be the reason ? By the way the tutorial is awesome 👍
The way you started caught my attention, keep it up bro
You deserved millions of likes for organizing the code in a systematic way....This is one of the best tutorial on web designing,I have ever seen on TH-cam. Thank you so much for making this tutorial in the simplest way. I had so many doubts before after watching your video my all doubts got clear...
This is beautiful, I really enjoyed this first course, as a beginner, this is the most beginner friendly tutorial I have ever seen.. Can we please get a link to the pictures you used for his course?
Amaizing JOB! Thank you so much for this tutorial! I look forward to see other like it, especially with JavaScript!! Love it!!!
I really appreciated to you. Your explanation is very fluent and understandable. This is the best course i have ever seen in TH-cam.
th-cam.com/video/jMNiO-bsibs/w-d-xo.html
website ecommerce complet with source code (statique & backend)
One of the best video tutorials I found, thank you very much. really appreciate.
Hello I had a problem at 1:23:00 banner3 section my banners aren't aligned in the same direction even after I followed al your instructions
Thank you for the most important skill leant,,, kindly dp a video to show how do backed codes. I'll appreciate.
Awesome lessons found so far on TH-cam. Would really appreciate if you can post the video of functional pagination programming and full single product backend programming which display next product on the click of another product container.
Awesome work this will diffently help me as I am new in this field.
hello bhai, first of all I want to thank you for the awesome work you have done here he surely helped me a lot but I have a problem at 2:02:53, the hamburger menu is not working I have no idea why I have done exactly what you have shown in this video. can you help me in some way?
edit: I just figured it out.
what to do after completing html css coding?
how in my e commerce website add to cart button, favorites button will work?
please tell us
Awesome project for beginner like me , hope we get more awesome project from your channel. I am very grateful to you. I could improve myself from your channel . Many many thanks brother.
amazing , I learnd about css from here more than I did in a full courrse
I just want to say thank you! You are the best so far. It is very clear for me as a beginner. Can you please make more and for javascript too?
Merci beaucoup et Bravo a toi!
Thank you so much for your great and hard work keep it up god bless you 🌟🌟🌟🌟🌟
First of all I find your tutorial very helpful keep it up. Can you help me with adding a class name on 56:20 of the video when I place the cart class the icon dis appear. Thank you!
Can we get the link of the website . so that we can take the reference and try out parallelly
can you also make a "turn psd file into html with flexbox and or grid" tutorial?
all such tutorials use floats and older techniques, so if you make a new one it will be amazing, it doesn't have to be a long video, just long enough to show the core techniques.
th-cam.com/video/jMNiO-bsibs/w-d-xo.html
website ecommerce complet with source code (statique & backend)
This Video is most helpful for making my new webpage.
Amazing but I have few suggestions:
Instead of using display fex again and again you can also add it once and use that class where needed.
Also I believe you should use mobile first design technique
This is beautiful. It was helpful but please, how do I get the link to the rest of the parts? Shop, Cart, About and contact section? Would love to finish the lessons.
18:27
cart icon show nahi ho raha
Can I know how I can get quality images for making websites? Whenever I go to any website for images, they're asking for a subscription. The free images are low quality.
Hands down, YOU ARE SO GOOD! Will definitely subscribe to your channel. :)
Thank You, I can say that it is the best explained video by applying it with the project.
You are a Best Teacher, thank you so much.
I am at the beginning of this video and sounds promising. 👌
Hello, how what plugin are you using to get your CSS different colors? Such as the ID and hover tags.
thanx my brother you have helped me a lot to improve my coding
Thank you sooo much. This has been the most incredible, interactive learning in WEB.
This video is FIIREEE, I love it!! By the way what compiler do you use?
I was struggling with the responsive sidebar (1:51:36 and on) and I saw some comments struggling with it as well. I figured that I forgot to create the path between html and js and I did that by writing into the html file and that solved the problem for me. Also always look for typos, I hope that helps
Cool and amazing template. Thanks for this. It would be enjoying if you make this website to be live. I actually need the end to end course of custom coded ecommerce website from A to Z. Hopefully it would be helpful for everyone.
hello, what theme or what extension do you use for the text beeing so colorfull? Thanks! Great video!!
I'm new to this, and i wished you explained how you set up that folder wish images, script etc from the start. What does all the code from the start mean, how did you create that html file. Im already lost and reached nowhere. Hopefully when i get more experienced this will make more sense, but not fully beginner friendly it seems.
Instead of setting the font size for the header, you can make responsive headers by applying clamps on them! Nice video :)
very clearly explained and well organized designing of sections in HTML, CSS and JS, thanks..
hi if you build a website like that on you own, you can add as many features as you want? even those offered by for example the most expensive shopify plan? and if so, this website then would only have to be set for the public internet?
you are Amazing ...and you did a Splended Job....
superb, fantastic & mind Blowing
I don't know how to thank to you. This is awesome. I hope you can teach us others projects on TH-cam
Thank you very much for this great work. You can explain and show the topics very professional. I think, that I will spent much more time in your channel.
It was great
Both description and type of project
Please post tutorials with more complex and up-to-date projects from this model
And if possible, teach the project from coding to connecting to CMS such as WordPress
Teach 0 to 100
thank you
Good one. But my question is can we use the id in more than one place? Classes, we can use anywhere and a number of times
mash allha excellent sir, so thank you so much from my heart
Great, I have enjoyed your tutorials from parts 1 to 6, but I would like you to add more code about javascript into your code.
Thank You!
You are life saviour! Mat doing a fantastic job for us
Hello, are we allowed to use this project for part of our portfolio projects?
in this code where you give color to shopping cart when you add the cart class inside i the shopping cart icon doesn't get displayed
Thanks for the videos bro, I really learned a lot through your videos. Can you please tell me which theme you use, its just so good. Can you please tell me bro please ?
The app for phones is constucted somwhere in this video? I mean also the app can be downloaded and use? I ask because i need for my license college, thanks!
l learned a lot from this course.thank you so much almighty allah bless you.
Can you tell us from where you get the images for each thing because when we are doing the project we should use something different we can't copy paste the same and it's very hard to search for particular images
Video is great man. I just have one question.
If it was a real website, and you had let's say 1000 different items, how would you structure that data? Maybe with json? It wouldn't make any sense to store it in html file right?
this is responsible for large screen and mobile what about other devices? should thatt be done the same way using medial query
One of the best tutor ever..thank you
This is really cool bt how do you manage all sales and products when users make purchase. Is there other software you need i would live to know
Hey thanks for yours videos and you make a good job continue like that!! I have a questions have you put php in this website???
best video ..👍 but esi images kaha se download keru ??
I really appreciate your tutorial by God it's the best turtorial I have ever follow online.. pls wat I wat you to do or let me say add is for you create a tutorial for the back end of this project.. thank you very .. thank you. Looking forward for your reply .
Thank you so much my friend you video help me alot in my group project
👋Hi brother!
Is this front-end only or front-end & Back-end both and can i upload my website to live after watching your tutorial.
Hope you will enjoy this course. Any kind of suggestion/feedback/criticism will be appreciated.
Please SUPPORT me to reach 200K💥 SUBSCRIBERS Goal ✅
💥 Subscribe 💥 Like 💥 Share 💥
Timestamps:
0:00 Course Intro
0:58 Final Project Preview
7:40 Final Responsive Website Preview
10:20 What You Will Achieve
10:54 Create Folder Directory/Project Setup
11:19 HTML CSS JavaScript File Overview
13:35 Header & Nav Menu
27:28 Hero Section
34:10 Sticky Navbar In CSS
35:45 Features Section
46:16 Featured Product Section
1:01:41 Big Shoutout To My Supporters
1:02:18 Call To Action Banner
1:10:33 New Arrival Products
1:12:32 Call To Action Banners
1:23:06 Text Banners
1:28:23 Newsletter Section
1:37:07 Footer Section
1:51:36 Responsive Breakpoint 1
1:52:50 Responsive Sidebar Menu
2:14:16 Responsive Breakpoint 2
2:22:29 Final Project
Hi I'm interested to get source code
Face palm … Don’t use Id in css…
Y 888iik. L
Thank you so much for your efforts, this is the most clear and straight forward video I've seen. Only the font awesome section needs to be updated a little bit as the company has changed its policy.
Can you also make large websites for different customers to buy .