I always wondered why people waste their time and energy on just designing for their small websites instead of writing the code directly. But now I understand.

@whosajid

27 күн бұрын

Plus, adjusting things is easier in design phase. You don't have to re-write a lot of code to make few layout or design changes.

@mshl114

27 күн бұрын

@@whosajid Thanks for letting me know that too!

@whosajid

27 күн бұрын

@@mshl114 My pleasure

@user-tg6vl7tj2o

19 күн бұрын

So that you'll not end up wasting time to rewrite code if the design you're thinking is not aligning to the one you've visioned.

@landonwjohnson

16 күн бұрын

I think that's everyone's thought process. Even when I work with clients, you can see the though of wire framing it out first irritates them, because they want to hit the deadline faster. If you want to go to a whole other level, it's also important to do plan out folder structure, what's going to be in each file, and what's the users journey with sequence diagrams. Every company/client is different, but designing first is super important.

Bro this is gold. No fluff, just straight to the point. Thank you sir.

@whosajid

25 күн бұрын

Glad it was helpful.

@mavsocc

16 күн бұрын

yes

KZread algo ahs blessed me again. The design approach is a game changer.

@whosajid

29 күн бұрын

Yeah, it really is.

I can’t stress that enough. The design part is the most important part. It makes the coding part so much simpler.

@GodOfFools

21 күн бұрын

Should've told me this 2weeks ago

@GhostBata675

18 күн бұрын

Found out in the hard way 🤣

@uaer309

13 күн бұрын

Also more boring, saying that as a UI designer with 10 years of commercial experience. Dev is a lot of fun until you have a well structured design. Then it becomes a boring copy-pasting activity 😅

@internetmarketingwithruno

11 күн бұрын

Just a reminder that design means overall design of website. To many people design means visual design. Design means decode task to semantics which is converted to structured html and css and thus easy to change.

The snap scrolling and scale really did "THE THING" for me. ly brother, u earned urself a sub.

@whosajid

26 күн бұрын

Happy to hear that. lyt bro

I teach engineering design in college. Wish all my students saw this before the semester! Nice job.

the scroll snapping and scale I didn’t know! Excellent tips.

no music needed, pure gold information. u deserve my subs

This blew my mind, it's 3am, I got tired from a personal project here but after watching, I look foward to just send my current files to the bin and go to figma and start it over, and right (maybe?). Thanks for making myself want to fail again by driving my to believe I can learn from it, like u said you did. Great work, editing and direction on the video, congrats! ❤

@whosajid

21 күн бұрын

You can do it ❤️

I love that you take the extra time and effort to explain things for those with less experience in certain technical domains - Like how you explain concretely what you mean by CSS and code editor. As a software engineer, I wish other educational content would do the same for the programming rabbit holes I fall into while debugging. Too many assumptions about their audience are made by educators

Infact the best video on KZread. You planned and designed this video well that's why you attracted me quick. You earned yourself a subscriber bro

Never felt so rewarded for sticking around till the end of a video. Mans felt like an Avenger at 10:55 Thank you, Sajid. You are clearly a super-Saiyan-tier of codurr

I have this gut feeling that this channel is gonna 3xpl0de in terms of viewers. Quality content brother.

This was a crash course in 10 mins. I got a lot from this! Thank you so much.

This is my last bus stop. Masterclass content. Thank you Sajid

@whosajid

26 күн бұрын

Thanks for writing such a nice comment. I am glad the video was helpful.

You're my go-to guide when building a website from scratch now. I love your straight-to-the-point, UX-focused approach on these, and would love to see other videos diving deeper into each one of these steps. Keep up the great work!

@whosajid

Ай бұрын

Yeah, I am thinking of diving deeper. Longer and more useful videos.

Full stack dev here of 15 years. Really enjoyed your video, you've put down in a short clip lessons I've learned the hard way or now intuitively follow without really thinking about why.

Should be mandatory to watch. Nowadays I hardly touch a computer when building the structure of a website and its pages, just pen, paper and sticky notes. Here are my two cents: - If you create wireframes keep it simple: just focus on what section goes on what page, on each section write down the purpose and if there's a cta or link provide that as well. Something like "hero title" with description "in the homepage hero section we will have the main value proposition followed by a main call to action button towards page so and so" followed by "button". That's it, you are only structuring your website and its pages, so focus on it. No need to add images, colums, sliders, etc to the sections because if you show it to the client they often get confused and think it's already the design. - Do you really need that fancy animation, goofy slider and sparkling glitter following your mouse cursor or are you just trying to show off? That's right, keep it simple and if it doesn't add value get rid of it.

Best video I’ve seen this year. Straight to the point.

Possibly the best video I have watched recently regarding Website development and design. A real reason to stop and try and approach it differently and better. Thank you needed this :)

your videos are so simple, straight forward, knowledgable i like it alot please keep going!

Just watched your two most recent videos. I’m in awe at how it explains things which I didn’t know how I wanted them to be explained. The topics and level of technicality is just right. Thank you for these! I’m really excited to see what I can get out of them! 😃

@whosajid

26 күн бұрын

I am glad the videos were helpful.

SO thankful to youtube algo to show ur vid in suggestions today!! Thanks !!

One of the best videos on this topic I have seen in a LOOONG time. Thanks for posting!

Your video is phenomenal. I have been watching coding videos forever, and yet this was still such a fresh perspective. with world class quality. You are the best!

This channel is going to be big, deserved. Awesome content.

While writing code I was always thinking what if I had something like blueprint of what I want to build? Then I see the power of planning before writing code, it is timetaking but worth it, because coding is easy but solving problem is hard. This video is just introduction to website-building guideline, but it is wonderful and powerful. Sajid, if possible make video on you use the approach to build website of your clients, and discuss other approaches as well.

@whosajid

23 күн бұрын

Noted. Will work on it.

Don't you think my career seems 50 times easier now?

Your input is straight to the point. I love this kind of content since im also into web dev. You got a new subscriber. Keep it up

Dude I love your channel. Straight to the point and doesn't go into technical details 👍👍👍.

In my experience in coding, it is better to build the user interface first and then code the functionality behind that interface.

Wow this is the best! no story telling straigth to the point! thank you so much!

Loving these videos, man! Keep them up. I like how direct and straightforward they are. I do suggest do be a little more enthusiastic with the way you speak but that's just me.

Great stuff man! I used to start coding directly. The website turned out ok but not great. And it took a very long time to build.

A man in the hot desert truly values drops of water highly. I am in the same situation. I just woke up one day and started building a portfolio website without any plan, and now I am stuck somewhere. Finally I had to abandon this and that and go thru a lot of stress to make things work. I really felt like I made a mistake not to plan... Oh God, I wish I watched this video long before... Thank you for the amazing content... ♥

just a correction. WordPress can be used as No code, but also you can use it as a coding framework, and believe me is amazing! You can also build Restful APIs by writing code inside your own theme or plugin. Belive me I was a hater since I ve learned to code for WordPress. So WordPress applies to both categories. For the rest, I totally agree with you!!!!!

Wait your content is really good wtf.. really appreciated the tips part at last.. love the pure and straight forward content man.. keep it up fr.. ❤

@whosajid

26 күн бұрын

Your comment is really good. Really appreciate it. Keep them coming...

Man, you’re really being a big help🔥✨

this dude is LEGIT I actually went through this myself and got into this conclusion my guy knows wassup. I completely agree with him

Nahhh this might be the best web development video I've ever seen omg

@wegogym34

8 күн бұрын

Instant subscribe

Bro your content is so helpful and unique. Keep it up. I'm so glad I found your channel right on time.

Thanks, this was very helpful. I'm halfway into my programming journey, and I've been wondering about design elements. Subscribed

Short n crisp, LOVED it thanks. Now im more motivated to make a website.

My favourite heading is: No signup, no credit card, no bullshit

@whosajid

Күн бұрын

lol🤣

@ItsDoms

15 сағат бұрын

@@whosajidno but for real, your video is great, i subbed

@whosajid

4 сағат бұрын

@@ItsDoms Glad to help

Damn man, this video is pure gold for people who are begginers like me. Just with the tips trcks at the end of the video you saved my life.

Couldn’t imagine jumping into code right away without at least a quick mockup in Figma

@o_m8717

10 күн бұрын

Me too. I want to learn Front development but I decided to begin with a solid course on UX/UI to save money, time, and increase efficiency. And to also rapidly test new ideas.

the most awaited video for me , it solved my core problem just like u said , design and having a clear plan of what we builiding is important .

Underrated KZread channel, you made me realized my mistakes. Thank you. You earned a subscriber.

@whosajid

26 күн бұрын

Wow, thanks

I am a recent web developer grad. I love your intake and view. I always have hard time to designing and trying to attract users engagement. Your video helped me alot. Please dont stop making videos, this video is a pure gem thank you. I find front-end much harder than backend honestly 😂😂. Your artistic view and experience is really valuable for me. My Only criticism i could give only for video ascpet is give more pause time for us when you going through slides, kinda annoying to pause at exact time to see where in css or html code you pointing at, beside that i love the flow, visual aspect and straight to the point. Thank you for publishing and making this video

@whosajid

18 күн бұрын

Yeah, Still working out the pacing. Will improve by time.

Subbed! Never expected such a content quality from a new channel 👏

@whosajid

27 күн бұрын

Glad you enjoy it!

This is so well done.

One of the best web dev videos on KZread

This feels like youtube premium content. Subscribed.

I’m trying to be a ui/ux engineer( fancy term for a person who does design + code + graphic design, it is position im most tech companies in my country) I was stuck in tutorial hell. Your videos showed me a way. Just do it. Thank you

Sajid, going good bro. I have experience in this field for 7 years. I love your explanation. It's up to the mark ❣️

Thank you for making it quite clear I need to design first. Good knowing this in the beginning of my web journey.

It was very much informative. Hard to imagine this is for free. Thanks for the valuable information

It's a bit strange saying "WordPress" to describe no code editors, considering most professional WordPress developers will build their websites/themes with code, and WordPress is a whole CMS not just a no code editor

@whosajid

13 күн бұрын

Good point. But generally people use WordPress as a no code/low code tool. But yeah. It's a whole CMS, not just a no code editor. Anyway the video is not about WordPress or no code tools.

great helpful video. this one got up a new sub. thank you very much! 🙏

Awesome video. It applies to newbies and pros🎉 You've earned a sub!

This is actually such a good video bro. Thank you so much.

One of the best videos about website design I ever watch.👍

Thankyou bro i have 7 years of experience but still your content is valuable for me

This was very useful man. Thanks. Appreciate your work.

Brilliant video. Thank you so much for sharing your wisdom Sajid.

This is soooo necessary. Great job

This video is so rich 🎉🎉🎉🎉🎉🎉 bro you are a professor and you have just won a subscriber,

What a great video. Simple. Concise. Useful. 🙏

This is super, freaking, insane helpful. Thanks you. Im watching this for the third time 🎉

Another cool tricks. Thank you

sweet. thanks for making it quick

I thought it was a million views video til I noticed the actual views Such a high quality and well made content, no bs, no stupid music bg Just straight to the point answering questions, keep the content up!

@whosajid

26 күн бұрын

So glad to hear that. The quality will only go up from here.

@breadmaster1620

26 күн бұрын

Im glad to start my web developing career with your guides!

Top notch content! Need more like this.

Help me a lot ! Thank you so muchh.

Damn… Thank you for sharing all of these mate❤️

I spent years learning front-end design, but I always ended up quitting. Why? because I always felt the frustration of not being able to design, always felt like I lack creativity and that is what made me stop HTML and CSS. But after watching this video, I certainly know the way forward and will actually implement it. thanks💯

This isn't bad advice, but you don't always know what you're trying to build--and I'm talking about apps here, not landing pages. Sometimes, you have to build a part of your app and use it to decide where to go next. In that case, iterative design-development works better. This applies especially to large apps. Designing everything first before passing it to the development team is a recipe for disaster.

dayummm. so good straight to the point.

Great video, thank you for taking the time to make this video. Subscribed!

I’m saving this for everyday reference. Thanks man 🎉

@whosajid

26 күн бұрын

Glad it helped

So great, to the point, excellent!!! I agreed with all that you said!!!

God bless you for dumbing this down for everyone to understand, and for including the chapters 👏

@whosajid

15 күн бұрын

The chapters are auto generated. But Thanks:)

Thank you. Very helpful video!😁

Great advice man i thought you had like a 100k subs i was suprised to see only 743 subs.The video was so well made and very informative.

@whosajid

Ай бұрын

I appreciate that!

Thank you I needed this.

Minimalist and intelligent explanation!

new to this channel nice analysis and straight to the point ,no background distraction . keep it up sub added

Thank you so much for this video!

I’ve been spending time doing this a lot more, it makes everything so much easier. Over plan, get the components, the technologies, how each component interacts with the parent, server side, client side… all of it. Then you break that sucker down to chunks. Also work on your user stories.

@whosajid

26 күн бұрын

You got it

This is literally just the essentials of making a website. I thought everyone knew this.

@whosajid

6 күн бұрын

I thought that as well. But I am sure you are aware of the "Dunning-Kruger effect". A chef might think that everyone knows how to bake cakes. But that's not true.

Now I know what I lack when creating a website, I always stuck at a scenario where I don't have any Idea on what I would create or don't know where to start

This the reason my portfolio page never finished, I never plan ahead design and what to show.

I didn't know you can use CSS that way. Thank you so much!

Simple, easy, effective and all of this is wrap in less than 11 min. Thx bro

@whosajid

27 күн бұрын

Glad to hear that

The only quality content a developer wanted 🔥

Beautifully put together 👏

it took me a year to make my first website, a lot of times because I didn't like how something looked. Now I might take about 3 weeks- 1 month depending on what it is. I still take time because I still don't know all the possibilities, and a lot of my time is spent reseaching all the different ways you can design. Understanding the basics like layouts really helped me. However, I notice I still stray from common design practices. My web development portfolio i'm making is very simple, but uses some cool animations. The above the scroll part of the page doesn't follow the common patterns like the Z shape layout, but I really like how it looks, because I love simple single page designs. The problem is maybe other people won't. I'm using react.js and django.

@usamafarrukh1564

20 күн бұрын

That's cool

Nice video. I really needed it. Thank you so much!

I wish more web ‘designers’ would heed Henry Ford. “If I asked people what they wanted, they would say faster horses.” Stop following a template for web design. And design something yourself.

you make me mindblow if building a website is shit simple if you know how to do that, like what you explained, thanks dude❤