Build Responsive Real-World Websites with HTML and CSS

if you don't mind paying i highly recommend this (also it's on sale right now) https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

For HTML and CSS, I recommend you to buy this course if you can: https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

And after this, you should learn javascript from this course: https://www.udemy.com/course/the-complete-javascript-course/

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.

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

As far as im aware you just do some basic HTML to get a simple webpage up and running....

You would be better off going with a Udemy course, something like Jonas Schmedtmann's course is pretty good... Its worth the price if you are looking too see if front end we development is for you..

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3

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.

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

Cant recommend him enough.. the most up to date and complete course for css

You can find a course like this on sale quite often for 80-90% off.

His javascript course is comprehensive but honestly without Html and CSS, learning javascript is like trying to drink water from a firehose. Javascript is built to use and extend those two technologies.

There are plenty of free resources available, personally, I have found the above instructor gives you a very good background and framework for what you are doing with insights into the history of things and how the browsers actually work.

I completely get it is very hard to figure out what you don't know and where you need to start learning.

Learning what HTML , CSS, and the DOM are would be the first thing I would do. Once you have a basic understanding of those, you will understand the why of Javascript and the things you do with it to manipulate the HTML, CSS & DOM.

Without that base understanding, Javascript will simply be confusing as it cannot exist outside of that other stuff and it is a scripting language that is designed and extended to not break the internet.

Good Luck.

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

found this quite helpful

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.

This Udemy course builds something incredibly similar. They walk you through the whole thing.

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

This is the course I learned HTML and CSS from: https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

I don’t know about any Elementor specific CSS courses. That’s very niche. Codecademy also has a good HTML + CSS course, though I took that quite some time ago, and it was free. Not sure if it’s still free now.

I had trouble learning from W3 Schools. I learn best from videos and exercises I’ve found. W3 put me to sleep. Lol

Recently started learning and found myself in a similar spot as yourself.

I can whole heartedly recommend courses by this udemy instructor:

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/#instructor-1

I hope this helps you as much as it's helped me!

I've been taking this course for HTML/CSS on udemy. It costs money but is so much better than online sites like bitdegree. (keep an eye out for the deals they can drop the price from $150 to $15)

I actually code in vscode for linux on my chromebook. You just enable linux in settings and download it. (there are tons of tutorials online for downloading it)

OP, I know people love Wordpress for its ecosystem but I was in the same boat as you and I actually recommend just learning HTML and CSS. People say “no need for custom code” or ease of use of Wordpress but I’d actually say learning a proprietary system is worse and more restrictive than just doing your own HTML and CSS. With Wordpress you’re either searching for free templates that suck, paid templates that are over complicated for what you’re probably doing and won’t accomplish the design in your mind. Either way you’ll be using HTML and CSS, and when you learn design fundamentals.

I’d recommend this course whenever it goes on sale. As a backend guy for years, I finally learned CSS as a singular Backend-like object that browsers references on what to do. And HTML as just schema. Just like as a backend developer you don’t use an “all-in-one” backend solution, a real “web designer” wouldn’t use Wordpress. You can just access your own work and not pay Wordpress fees

Look no further: https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

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.

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.

If I was in your position, one of the biggest assets you have is time and some of the best resources for learning available right at your fingertips.

Have you ever tried learning to code?

It’s actually much easier that you’d think but requires a few years to master. If you’re highly driven, and can focus on one thing until it’s done, you’re sitting on a goldmine.

If you dedicated the next 3 - 5 years to really learning how to code, imagine how easy it would be for you to develop an application that you can sell or turn into a business.

Check out Jonas Schmedtmann’s courses on Udemy. I’d recommend starting with the HTML/CSS course, just watch the intro video and tell me that’s not the coolest thing you’ve seen all day. After that, learn JavaScript.

I can’t tell you how valuable learning to code can be, but the really good developers earn 6 figures easy, and you can either work for yourself or find a solid team to join.

I know you want to earn money right now, and you have that entrepreneurial spirit. The reality is, there is no rush. Take the time to become skilled, and if you’re driven - become the best developer in the room, so you’re impossible to ignore.

Hope this helps!

This course was the best $20 I spent in my life https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/.

Really helped me to understand the basics of web design and HTML/CSS. To the point where I could create decent looking websites easily.

Bro One thing please I saw Udemy Course on HTML 5

https://www.udemy.com/course/learn-html5-programming-from-scratch/

What do you think about it?

And this

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

So what is the best that make me good??

And if you know a better one tell me Thanks Bro

Which would you suggest. this or this

This. I really dives into JS, however, it's JS, and not HTML/CSS course (while there is HTML/CSS crash course section, you can also buy This HTML5 and CSS3 course from the same author.

Also, in JS course when building projects, you will get HTML/CSS files so if you only want to learn JS you can just make script for those files. However, I do recommend that you also desing and make HTML/CSS files yourself, you will learn more.

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.

The road you want to take is HTML + CSS -> Javascript -> Framework (you chose React). HTML + CSS are the easiest part and the foundation of any site, but Javascript is where you'll be eventually spending most time and I recommend learning it well before you jump into a framework. Frameworks make everything easier, but they're all built on top of Javascript, so if you don't understand it you'll not understand the framework. Learning Javascript well is also essential for learning anything else that's built on Javascript, and you'll be learning a ton.

Udemy courses:

- HTML/CSS - https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/ + (optionally) https://www.udemy.com/course/advanced-css-and-sass/

- Javascript/React - I ALWAYS recommend these 3 instructors: Stephen Grider, Andrew Mead and Maximilian Schwarzmuller. It doesn't matter which one you choose because all their content is great. Comes down to which style you'll prefer the most. You can often find previews of their courses on youtube, but Schwarzmuller also has a channel called Academind where he posts all kinds of content and tutorials. Take a look at them and see which instructor suits you best.

- I also recommend learning Git and GitHub before Javascript. It's not complicated and the sooner you learn it, the better. You can find lots of tutorials on Youtube.

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 :)

Idi na Udemy, do 6. sad imaju akcije kursevi su po $10

Kupi par kurseva za neko programiranje ili nešto kreni tim putem, to je odlična investicija.

Evo ti neke preporuke gde krećeš od nule (web development):

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

https://www.udemy.com/course/100-days-of-code-web-development-bootcamp/

https://www.udemy.com/course/the-complete-web-development-bootcamp/

Not sure if this will help you, but GA has free online/offline workshops, which might give you an idea about the quality of their instruction.

As always, whatever you decide, learn to code before you go to a bootcamp. I would start with Jonas's HTML CSS course, then his Javascript course, and then Max's React course. If you have the time, do Colt's Web Developer Bootcamp before any of these, as that will give you a complete picture on what Web development is, and show you how to connect the front end to the back end + databases, a much needed context that most front end devs don't have. IMO treehouse is just not that good as the first step towards learning web dev, and I'm afraid you just didn't get a good introduction to programing via tree house.

Oh this looks awesome!! Yeah i'd say my advice... follow through on this course!!!

Also: it takes a couple years to get to the point where you're super comfortable with CSS/HTML :). Just keep doing projects and doing courses that help you learn! Again I keep plugging this course but it is truly so good. https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/
Alternatives to the skillcrush program that I've seen that also look good:

https://scrimba.com/

​

I'd say once you've gone through that udemy course, or found a different course you like, try putting your skills up for sale on upwork or fiverr, ask people you know if they need someone to make them a website, or post on forums like indiehackers to see if people want to pay you tiny amounts to build their website! For me I found the best way to learn CSS/HTML... are projects that someone pays me to do :).

​

So in summary I'd say: step 1: finish the skillcrush courses. step 2: if you're still fuzzy on html/css, do another good project based html/css course, udemy should work. step 3: Then put your skills up on fiverr / upwork, ask friends+family if they need websites built, then rinse and repeat. What you're trying to do here is both build skills + your freelance business Best of luck!! let me know how it goes :)

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.

https://www.udemy.com/course/the-complete-nodejs-developer-course-2/ (react)

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!

https://learn.shayhowe.com

https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

https://www.udemy.com/course/the-web-developer-bootcamp/

Spend a year learning fundamentals, there are no shortcuts. Learn Html, CSS, JavaScript.

Html https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

Css https://www.udemy.com/course/advanced-css-and-sass/

JavaScript https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/

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/

SQL https://www.udemy.com/course/the-ultimate-mysql-bootcamp-go-from-sql-beginner-to-expert/

This Roadmap with consistent structured learning would make you very proficient within 2 years. 👍

Great writeup.

Personally, for frontend without any programming experience, I'd recommend :

1. 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.

2. HTML AND CSS :

3. Beginner to Intermediate : https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

4. 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.

1. JAVASCRIPT

2. Explanation and Notes : javascript.info. The best javascript resource to study on the internet (MDN is also great, but it's mostly a reference)

3. Exercise : FreeCodeCamp, the Javascript Algorithms and Data Structure section and https://exercism.io/tracks/javascript/exercises.

4. DOM : https://javascript30.com/

5. Choose your Framework. I'd recommend React since it's the most popular in job market.

6. 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.

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

Javascript

Modern JavaScript From The Beginning - Brad Traversy

Javascript framework

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

> https://learnpythonthehardway.org/python3/.

Discouraged resource in most Python learning communities.

Far superior alternative: MOOC Python Programming 2022 from the University of Helsinki

> https://www.murach.com/shop/murach-s-java-programming-detail

Outdated.

Again, better alternative: MOOC Java Programming 2021 from the University of Helsinki

> https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

Why recommend a paid course when there are Free Code Camp and The Odin Project? Both of which are absolutely awesome.

Recommend you take courses and read books at the same time:

HTML/CSS

• https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/

Javascript

• https://www.udemy.com/course/the-complete-javascript-course/
• https://www.amazon.com/Eloquent-JavaScript-3rd-Introduction-Programming/dp/1593279507/ref=sr_1_8?dchild=1&keywords=javascript&qid=1631639640&sr=8-8

React

• https://www.udemy.com/course/the-complete-react-native-and-redux-course/

Just knowing HTML, CSS, Javascript, and React very well will be enough to get you a job.