If you recognize this post that’s because it was on the front page of this sub for a while before it was removed by the mods for not being posted on showoff Saturday and violated the rules. I’ve had a lot of people message me asking where the link went so I am reposting so everyone can have access to it and find it on the sub when they want to. Hope that’s ok with everyone. It seemed to be really helpful to everyone and was well received so I wanted to make sure it was available where you all can find it.
I also added three new videos to show how to optimize your website page speeds from 50’s-60’s to 97+ score, how to connect to a domain with netlify via GitHub, and how to set up google analytics and search console.
So now this playlist goes over the entire process from start to Finish.
Here’s the text of the precious post:
For anyone wanting to learn web development – Here’s the playlist:
Lots of good stuff in this one to learn how to make a mobile first and responsive website with no frameworks, just html and css.
I go over all my decisions and explain why I do things a certain way. I did not plan this video out – I run into problems and I talk through them. I left everything on these videos so you can learn how to think through problems yourself when you get started building your own websites.
So I explain everything I do and why I make the decisions I make so others can see HOW to think like a front end developer.
I also go over how to transfer a desktop design to a mobile design and how to decide what to keep and what to change. It’s not always easy to figure out how to make a desktop design into a mobile one, but that’s what I do here and hopefully it helps!
If you liked that, here’s the series I did last week for a MUCH more complicated and very modern design with a ton of useful css tricks and everything I mention earlier:
Here’s a live demo link to the site I made in the video all complete if y’all wanted to see it:
Still not finalized yet. Gotta write content and work with my other developer to integrate my code into Shopify and insert the store where it needs to be.
Hopefully this is helpful. It’s not exactly a tutorial, more like an implementation of what tutorials try to teach you. So if you’re tired of tutorial hell this should be refreshing. Feel free to ask any questions!
NEWLY ADDED VIDEOS:
Optimizing your website for 97+ page speed: https://youtu.be/XHVbqmyCSeQ
Connecting to a custom domain: https://youtu.be/mT9vX69YC5A
And setting up a analytics and search console: https://youtu.be/kFu0V9dSqQk