New on LowEndTalk? Please Register and read our Community Rules.
All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.
All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.
[Help] Best way of learning frontend web developing?
Hi there,
My backend web developing is pretty good but I struggle quite a lot with making my websites 1:1 with my designs. I've brushed it off for quite a long time so I really want to be able to learn CSS (Styling) better and learn to make my websites like my designs including responsiveness across multiple devices.
Where should I start? I've made a few sample designs but I just don't know what is the correct way of making my site do what I want it to do.
I hope someone can guide me down the right path! 
Comments
This is the best Web Developer Course I ever stumbled upon. Colt is an amazing teacher and mentor and I bought the course in 2016?! Now, he updated the course to a 2020 course version (totally re-done) and my account got grandfathered. No extra fees, he didnt create a seperate course for this on Udemy. He just updated the old one.
https://www.udemy.com/course/the-web-developer-bootcamp/
w3schools have a good course, too. It's free and uses simple steps along the learning process, with examples and exercises. There's a list of topics linked to down the left hand side so if you want to miss a few steps you already know, or want to go to something specific, just click on the topic.
They cover a lot of other topics, too, such as html, javascript, php, two or three more. Take a look: https://www.w3schools.com/Css/
I know how you feel, I am not a web developer just sometimes create a website from scratch, install/configure WP for friends etc and I always struggled with UI until now.
I already have a plan to learn more about web development, mostly for my own use, and this is some link that I already saved :
https://www.freecodecamp.org/learn/
They have some curriculum that focus on UI such as responsive web design, javascript ,front end libraries and data visualization.
https://youtube.com/user/TechGuyWeb
He create a lot of tutorial video , you can start either from "programming and web development crash course" section or "HTML and CSS" section.
https://www.w3schools.com/Css/ , you can learn start from very basic css.
http://www.csszengarden.com/ , a demonstration site that show how beautiful css is. This site was created when css not yet popular, people still use < table > to create section on their sites. Unfortunately this site never got any update anymore so it still use "old" css style but it is still beautiful. The site owner upload all files to https://github.com/mezzoblue/csszengarden.com
https://codepen.io/ , online editor for html,css,javascript so you can try your code without your own webserver. You can check and find inspiration from other people works too.
https://codesandbox.io/ or https://stackblitz.com/ , online IDE that support a lot of frameworks too.. more complex compared to codepen.
https://www.freecodecamp.org/news/web-development-2020/ , an article that motivated me to start learn again.
I took a course from Wes Bos while back and thought it was pretty good.
https://wesbos.com/
I started learning web development by reading the HTML specification.
Don't sweat on the exact layout. It's more important to be semantically correct.
Here's an old article on how I learned web development (Chinese):
https://yoursunny.com/t/2009/my-webdev-timeline/
Or just use bootstrap and call it a day, ain't nobody got time for CSS or JavaScript!
YouTube! lol
Search for TechGuyWeb. He has a lot of tutes