Build Responsive Real World Websites with HTML5 and CSS3
*** The #1 HTML5 and CSS3 course in the official Udemy rankings.
Reddemy may receive an affiliate commission if you enroll in a paid course after using these buttons to visit Udemy. Thank you for using these buttons to support Reddemy.
Reddit Posts and Comments
0 posts • 16 mentions • top 15 shown below
1 points • needhelpplease321
1 points • orange-seltzer
I did this Udemy course by Jonas Schmedtmann for HTML and CSS. (wait till it's on sale). It's a pretty good course and he's a really good designer too. Only issue I had was flexbox and grid is just tacked on at the end, the major project uses floats to position things. Which is fine because its important to know how that's done.
You could also checkout the book HTML and CSS by Jon Duckett. It's a really great reference.
1 points • albedoa
Each section is made up of several videos, and those videos are the challenges. Just look at the syllabus: After setting up your tools, you immediately start building a header, then you build more of the header, then you create some animations. You are practicing as you go.
> Also this is ... advanced CSS? You think a newb will be able to just jump right in there?
The course title includes the word "advanced" as a way of establishing a track from the more beginner course by the same lecturer.
That said, I assigned the "advanced" course to a complete newb and he had no trouble. It is still pretty beginner. But check out both amd see what suites you.
1 points • Gundam__
His basics course is much better than colts. I would recommend doing the css course after the js one aswell but begin with this one.
1 points • catchmeifucan10
found this quite helpful
1 points • Vegetable-Boat
I've been working full-stack on an enterprise Java project for 2 years now. These were most useful to me:
Watch and Code. Go here first and do the free track.
Basic HTML5 and CSS3. Instructor is Jonas Schmedtmann. He has a followup advanced CSS course. I have taken both the basic and advanced courses beginning to end. I immediately used what I learned for a project at work and created something very nice.
1 points • QuietStorage
One of the best teachers on udemy. He also has an advanced CSS course, which I don't recommend for you until later, but I crash coursed both for a project at work that needed to look nice (I do backend work 95% of the time) and I created something that both my boss and the client were happy with.
2 points • Gigusx
I don't think you'll benefit a whole lot from your expertise in design when learning to code, since they're two very different fields (creative vs logical), but two things come to mind:
- Problems in design are still problems, and problem solving skills are always helpful, so you have a jumpstart there
- Once you start learning HTML and CSS, you'll get a more complete perspective on how designs are interacted with using code. You'll learn more about what can and can't be done with code, how easy/hard it is and to what extent certain features of design are worth implementing. This will not help you learn to code, but it will make you a better developer AND designer.
With that said, I don't think coding is particularly difficult, although some people are absolutely incompatible with this type of work, but that percent of people is (guessing) pretty low. If you like learning from video courses, I heavily recommend Udemy. Pretty much all top-rated courses are an insane steal at that price since they're ALWAYS on sale, and if they're not, you can usually get a discount through the author's website if they have one.
Also, if you would be open to getting even deeper into design and becoming more valuable there, then check out "The Futur" on youtube. They create amazing content for designers, creatives, freelancers and entrepreneurs. Very well worth watching if you're feeling stuck in just design. I bet they'll expand some of your views :)
1 points • IAmWhoISayImNot
https://www.udemy.com/course/react-2nd-edition/ - that's for front end (backend node, Andrew also has an awesome GraphQL course that I'd recommend once you're comfortable with development)
https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/ (html and css)
https://www.udemy.com/course/the-complete-junior-to-senior-web-developer-roadmap/ (coverts a lot of other technology and concepts that you should know)
Just buy them when they're on special. They're around $14 each. I'd start there and after you complete them all, you'll have a better understanding of what you would like to learn next and can make up your own mind.
Hope that helps!
1 points • Phobos_665
Personally I took a course on CSS (Along with Flexbox & Grid) https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/
As for the frustrations of CSS, it does get better the more understanding you have of how it should be formatted and modelled. SASS tends to help format things easier too (But is a pain to initially set up) . Things like importing files, saving variables and having small functions etc.
There's a few good ways to format your CSS to make it manageable.
MDN has a great little article on it too: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing
I'd highly recommend both these resources. I felt much more comfortable and I tend to do a lot of front-end for the employer I work for.
1 points • 83au
1 points • DiscombobulatedBath2
Personally, for frontend without any programming experience, I'd recommend :
INTRO PROGRAMMING : https://java-programming.mooc.fi/ It's the best intro programming course on the internet, and while you're at it, you'll learn OOP as well. I know it uses Java, but the most important thing is to learn and think like a programmer. Once you finish this, any jump to any programming language is much easier. It's the best because it has many exercises for each concept,so that you won't jump to loop if you don't really understand what variable is.
HTML AND CSS :
Beginner to Intermediate : https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/
Advance : https://www.udemy.com/course/advanced-css-and-sass/
The advance one has been mentioned multiple times here on reddit as one of the best css tutorial on the internet. I love Brad, but I'd stay away from his material if you are a complete beginner. His style is showing you how to use a technology, but he doesn't show you why. For example for css, he will show you each syntax, and then he uses them all together. While the links above will show you each syntax, and show you why and how to use them. I'd recommend to use Brad's tutorial as a refresher or to learn how a programmer works with any particular technology.
Choose your Framework. I'd recommend React since it's the most popular in job market.
https://tylermcginnis.com/courses/react/ It's paid but it teaches you React from scratch. Many tutorials teach you building a big project, but they don't teach you how and why we are using React. They usually don't teach you about webpack,etc.
1 points • seanyboygloryboy
Then learn the crap out of React, Node, and SQL.
React Js https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Node Js https://www.udemy.com/course/nodejs-the-complete-guide/
This Roadmap with consistent structured learning would make you very proficient within 2 years. 👍
1 points • RedditEthereum
I'm an unemployed 38 year old marketer wanting to switch to webdev.
- I have a weak immune system and stay indoors most of the time;
- I have 6 months of cushion money, to use that time wisely;
- I took a Coursera Python course in 2013 (?) and remember the basics;
- I know HTML and CSS as I had to edit WordPress sites frequently.
I put together a learning path, your feedback is appreciated:
HTML & CSS
Build Responsive Real World Websites with HTML5 and CSS3 - Jonas Schmedtmann
Advanced CSS and Sass: Flexbox, Grid, Animations and More- Jonas Schmedtmann
The Complete Node.js Developer Course (3rd Edition) - Andrew Mead, Rob Percival
Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL) - Andrei Neagoie, Yihua Zhang
Bonus (follow along)
The Complete Web Developer in 2020: Zero to Mastery - Andrei Neagoie
Learning to Learn [Efficient Learning]: Zero to Mastery - Andrei Neagoie