Modern HTML & CSS From The Beginning (Including Sass)

I can highly reccomend Brad Traversy's HTML & CSS Course on Udemy. I took this course when I first started and it was a great comprehensive intro to HTML/CSS - including Flexbox, Grid & SCSS!

He's got tons of awesome content (and free youtube videos too) & is an excellent teacher. Best of luck!

Gotcha. I think it's for maybe intermediate or beginners because I found him going over the stuff like resets to be good. I don't have work experience as a front end dev so, I can see how it would be annoying if I did. It is very long which is why I was wondering if I can skip the float section ha

https://www.udemy.com/course/modern-html-css-from-the-beginning/

Seems more beginner than Jonas but shorter.

I know Jonas updated his course in 2019 with CSS grid. I'm doing the flexbox section now and he has mentioned flex wrap and flow and how he'll get to it in the next few lectures so we'll see if he goes into detail with that. But the basic flexbox stuff for container/item was pretty good

Modern HTML and CSS From the Beginning

And once you get the basics down, he also has an excellent Vanilla JavaScript course as well!

>https://www.udemy.com/course/modern-html-css-from-the-beginning/

Hello! I'd like to ask if you paid for the courses?

Which of these resources should I learn HTML and CSS from?

I want to choose only one to follow for now. Im a MIS undergrad with some basic programming background.

Which one would you choose:

1. The Odin Project

2. Modern HTML & CSS From The Beginning (Including Sass) by Brad Traversy

3. Build Responsive Real World Websites with HTML5 and CSS3 by Jonas Schmedtmann

Please don't factor money into your decision, I just want the best avaialbe resource to learn from.

Haha, wow, that same video was actually what got me into Javascript, which eventually led me to where I am now, creating full stack apps with React and NextJS. It's been about 2 years.

So here's the path I took. I wanted to learn JS after watching that video so I went to Udemy and bought a $10 course called modern Javascript from the beginning. It was pretty great but a little over my head. As soon as the first project rolled around, creating a book list application, I knew that I would need to go back and learn HTML/CSS first because I was completely lost on that side. So I put JS on hold for a few months and then did HTML/CSS from the beginning.

It took me 2 months to finish HTML/CSS course at about 1 hour a day, and after that I went back to the JS course and finished it in about 3-4 months.

After that, I felt I had a nice introduction to web dev, but was still totally a baby when It came to making things, so I did a few easy projects on my own to solidify my knowledge, and eventually stumbled across this course which was useful for learning more vanilla JS in practical applications. I did select projects from there and it helped but didn't do all 20 projects.

So in the process of doing that 20 project course, I actually went pretty deep on one of the projects, I believe it was the one using Meal DB. I created search and filter functionality and even different pages and everything, but after a while I started to realize how slow it was making projects with Vanilla JS. Over time I realized that people don't actually make full scale web apps using vanilla JS at least not professionally (though it can be done) - and was introduced to the React framework after this realization. I watched a lot of youtube about it and slowly started to see what React was about and later on (maybe 6-8 months after finishing that first JS course) I took this course for React and was thoroughly impressed. I learned a ton in this course, and I think it's a must for new React devs. This course changed my life.

In about 2 months, I had finished that React course, and then I was at a crossroads. Because up until this point I wasn't sure how far I wanted to go with web dev. It started as me watching a single JS video so that I could add a skill to my resume but the more I went with it the more I loved creating web applications. React was a total game changer, and suddenly I started to see how me, a solo developer, could create entire websites by myself. Suddenly I understood how people created such amazing portfolios and started to see that it was possible for me. So around this time I decided that I wanted to actually do several projects with React, develop a portfolio and Resume, and try to switch careers into it. I knew it would take a while, so I developed a plan while I worked from home during Covid and began spending like 3-4 hours a day working and learning this topic. This was around November of 2020, that I made this decision. It worked out for me well because I still got paid full time but also was learning what I wanted to learn at my own pace, which finally closed the door to the possibility of doing a bootcamp (which up to that point, I had been considering. Glad I didn't do it!)

Following that React course linked above, I did a solo project where I created a weatther application, and that took a few weeks. As Christmas/New Years of that year rolled around, I started to see that I had a new blind spot - backend and full stack. I had been messing around with React for months now but I had never used my own API, never created my own Database, etc, never created a server. And I started to see how easy it was to do that stuff. So I made a resolution to learn how to make a full stack React app, and a few weeks later I started this full stack react course (which I honestly wouldn't recommend, it was only ok) where I learned all about NodeJS and how to create a full stack application with Authentication and everything. That was eye opening and I learned so much, that after finishing it (about 3 months) I decided that I wanted to build one myself. Now we're in March 2021.

So started my longest solo project to date, which took about 4 months to fully build and deploy. This one was a doozie, I learned waaay more than I thought I would. That was only about 2 months ago that I finished that project (Early June).

Since then, Ive continued to mess around with Node and done some small projects, but I mostly have been learning NextJS, which I realized was valuable for how simple and easy it helped me to create full stack applications, and for how easy deployment was. For that large solo project, actually deploying was the hardest part.

So I took this course with Next JS which was so much fun. That took about 1 month and only 3 weeks ago, I started creating my Web Development portfolio using NextJS. And that's where I'm at now.

Anyway, it's long winded but I wanted to let you know my story and have a taste of the kind of time and patience it takes to develop skills with this. My advice is to figure out what you want out of Javascipt - do you want to just tinker with or do you want to use it to build full scale web applications? Because over time, my goals definitely shifted the more I learned about it, and now I'm actually building full scale apps, which is fun. I went into this thinking that JS by itself would be useful for my job, but it turns out that it really isn't. And to be honest, it's only so useful for building websites without a framework like React or Angular. The real power of Javascript, is using it with a framework to quickly build powerful reactive applications so I recommend you consider that before spending 6 months learning it.

Also, these course I've linked are just the ones I've used, not necessarily the best ones out there. The path I took was long, partly because I didn't know what to learn first, didn't know where I Wanted to take it. I think if I were to do it over, I would have spent way less time tinkering with vanilla JS and would have gotten into using a framework much sooner, because I could have probably cut out 8 months or so of learning time if I had done that.

So regardless of what you end up doing with Javascript, if you want to build websites, you'll need to learn HTML and CSS pretty well, so I'd start there and get the basics. Then work on building small simple web apps using JS where you're inserting and removing things from the DOM. After you've done 1 or 2 of those, start learning a framework like React, this will take a while and will feel weird at first but just stick with it. After you've gotten that exposure you should have a good idea if you want to continue learning this or not. Try a solo project something small and basic, and see if it makes sense. If it's fun just keep going!

Je l znate nekog dobrog tutora, za web development (HTML, CSS/SASS) , al da kida, i lepo objasnjava?

Ili neko od vas koji ima iskustva, i zeli da prenese znanje.

Nahvalili nekog lika u jednoj It grupi, kao ajd da vidim kako objasnjava cimnem ga, bacio pare bzv, mozda ima znanja, al brate udavi me, skrece sa teme, i pokazuje mi, sta sve on zna. :D

Za Js imam lika, kog planiram da cimam, i koji je stvarno dobar. ( ne bih da ga cimam za html, css/sass)

Zavrsavam kurs, sa Udemy-ja ovaj.

Justo estaba viendo este: https://www.udemy.com/course/modern-html-css-from-the-beginning/

Como no se bien el orden de las cosas tenia pensado un curso que arranque de 0, no yo ir buscando video por video e ir guiandome. No se si recomendas el que pase

Which one of these popular HTML & CSS courses should I go for: the one by Jonas Schmedtmann or Brad Traversy?

• Build Responsive Real World Websites with HTML5 and CSS3 by Jonas Schmedtmann

or

• Modern HTML & CSS From The Beginning (Including Sass) by Brad Traversy

I can only choose one. I am a beginner with some basic C++ knowledge

Hadd segitsek. Nekem ezek valtak be:
https://www.udemy.com/course/modern-html-css-from-the-beginning/
https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/
https://www.udemy.com/course/modern-react-front-to-back

React helyett valaszthatsz Angulart vagy Vue-t. Ezek js framework-ok. Talan React-tal vagy Vue-val jobban jarsz kezdokent.
Mindket csavonak vannak ingyenes yt csatornai, itt tudod csekkolni mielott barmit megvennel:
https://www.youtube.com/c/TraversyMedia
https://www.youtube.com/c/TheNetNinja

I had reached last topic that was css grid of the course I was doing. Course I did: https://www.udemy.com/course/modern-html-css-from-the-beginning/

Hey, sorry for late response here is the link https://www.udemy.com/course/modern-html-css-from-the-beginning/

If you wanted to PM me your email address, I can gift you the udemy courses that jump started my (very new) web development career.

HTML & CSS by Brad Traversy (~20 hours)

and

JavaScript - The Complete Developer Guide 2020 by Maximilian Schwarzmüller (~40 hours)

Hmmm okay. I encourage na magstart muna with either one. I don't like people rushing on being a full stack. Minimum timeline siguro is 6 months before I tell people to start trying out the other side.

Pero for frontend:[HTML and CSS]

https://www.udemy.com/course/modern-html-css-from-the-beginning/

[Fullstack]

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

\^\^ I mainly used this for ReactJS. Angela Yu is really great at dumbing down concepts. Like almost childish yung analogies niya, which is great for very technical concepts. But her CSS segment was kinda shallow tapos naka float pa siya. No one really uses float anymore for layouting since may flexbox/grid na. Hence, Brad's course.

[React/Redux]

https://www.udemy.com/course/react-redux/

This helped me understand the more technical nooks and crannies of react.

Flutter is great too if you wanna start mobile development (also capable of making web apps) with just one codebase.

I used the following.

HTML and CSS - https://www.udemy.com/course/modern-html-css-from-the-beginning/

Javascript - https://www.udemy.com/course/modern-javascript-from-the-beginning/

Vue - https://www.udemy.com/course/build-web-apps-with-vuejs-firebase/

I highly recommend learning a webapp framework for working on Crestron panels. I did two systems in Vanilla JS, before moving on to React and then Vue, and I feel pretty confident in saying that you shouldn't do that. The webapp frameworks are designed for exactly what we do as Crestron programmers, and while you can replicate it in Vanilla, I don't believe you should.

Personally I recommend Vue, because the learning curve on it is so easy. React is more powerful I'm sure, but Vue does everything I've asked it to so far and it's very readable and learnable.

Also I highly recommend the Crestron Discord server (in the sidebar), it's a great resource for learning how to use HTML on Crestron panels. Just be prepared for the fact that the first thing we're all going to say is that we don't know how to use the CH5 elements, because we've pretty much all given up on them and figured out better ways to do it.

To your point about Udemy, OP may want to check out Brad Traversy's (from the Traversy Media YouTube channel) "Modern HTML and CSS from the Beginning" course, which covers a great deal of topics for those who may be just starting out with web design and development.

Additionally, sites like FreeCodeCamp.org and CodeCademy.com may be worth checking out, as well, especially if OP prefers an approach that provides real-time feedback on the code they've written, right within the browser.

Let me make a roadmap for you and fellow redditors please correct me or make it better.

Month -1 :-

Start with basics of HTML, CSS and SASS

Recommended course:- course by Brad Traversy

Also work on at least 5-6 projects apart from that of course. ‐---------------------------------------------------------------------------------------------------------------------------

Month-2 :-

Start learning Javascript (Vanilla) and master the features of es6.

Recommended course:- course by Brad Traversy

Another course:- course by Andrew Mead

After you have learnt the concepts, add js features to the projects you have worked on during month 1. For example add features like smooth scrolling, google maps api, etc.

‐---------------------------------------------------------------------------------------------------------------------------

Month-3 :-

Start learning frontend frameworks like bootstrap, material css, and one js framework like react or vue. IMO, go with react.

Recommended course:- course by Brad Traversy

After learning this much stuff, you're already at 70% of completing the roadmap to get a job as a frontend developer.

‐---------------------------------------------------------------------------------------------------------------------------

Try to learn some concepts of how to make UI/UX look rich. Also learn some coding methodologies like DDD(Domain Driven Design).

During this learning phase try to learn some basic stuff like git and shell termi al. And one plus point would be to learn Agile Methodologies.

‐---------------------------------------------------------------------------------------------------------------------------

Month-4:-

look for some jr front end developer jobs and also look for some local clients in your city or ask your wife if there's anyone she knows of who can be benifited if you make them a website for their business. Contact local restaurants and barber shops etc.

Note:- When applying, try to not ask more money or if it's okay for you. try to do it for them for free. Only charge them hosting fees and to host websites, checkout Netlify

‐---------------------------------------------------------------------------------------------------------------------------

For now, stick to the above plan. Feel free to DM if you get into problems in your journey. Also make use of stack overflow to get better insights on what you're doing.

If you want to apply your recently learned knowledge into some work, hit me up, we can work on some projects together.

Hey! You sound like me.

I started at from near zero at 30, studied off and on while I had full time employment, then quit to study full time after I knew I was going to change careers.

I started with the FreeCodeCamp Responsive Websites certification. Finished that pretty easily because I had previous HTML/CSS experience, but named tags, accessibility, media queries, flexbox/grid, transforms, css variables... all of this was completely new to me. I limped through that and was kind of taken aback at how little I actually knew about HTML and CSS.

After that I did a ton of free sample HTML & CSS code-alongs with Brad Traversy and Coding Addict. Worked with SASS a bit, learned Emmet shortcuts, got scared of JavaScript again, got doubly scared of JQuery, but continued on. I did about 10 of those basic projects before I felt like I had a grasp on Flexbox designs, and general CSS best practices.

That's about the time that I quit my full time job to study full time. That was 3 months ago. Since that time I saw that Brad gives out his Udemy courses for peanuts on his website with a Udemy code, so I bought Modern HTML & CSS From The Beginning (Including Sass), Modern JavaScript From The Beginning, 50 Projects in 50 Days - HTML, CSS, & JavaScript, and several others that I have yet to touch. Each was about $15 or so with the code on his website.

JavaScript still scared me so I basically re-started my HTML and CSS journey and I'm glad I did. I learned really quickly that just because you know something, and actually because you know something you should listen to someone else talk about it every once and a while. Everyone's brain thinks in different ways/approaches are informed with their unique experiences, and thus we build things in different ways. I learned a lot from the way he discussed the different tags, history of their usage, best practices, and cool use cases that I had never seen before. JavaScript still scared me, but eventually I got used to seeing basic DOM selectors, click events, common Jquery code blocks for smooth scrolling, very brief intros to variable types, data types, scope, conditional statements, etc... Enough that I would be like "Oh hey, I don't know what that means but I've seen it before." Level of detail.

After I finished that (I was forcing myself to finish things because I have a tendency to stop at like 70% and find the next shiny object) I moved onto JavaScript. I quickly learned that I was in over my head and I didn't understand this shit at all. I muddled my way through about half of it before I had to quit because I was just coding along and listening while not understanding anything. After that I bought Eloquent JavaScript, and started Free Code Camp's 'JavaScript Algorithms and Data Structures' Certificate, I also splurged and bought LearnJavaScript.online membership and would start there. I would basically jump between each and do a little every day. I studied probably a solid 10-14 hours a day for two months jumping between resources, and when I was bored I would plug a JS topic I didn't really understand that well into YouTube and do a code along displaying a use case of that feature. Took forever, but eventually I got to the point where I pretty solidly understood all the topics covered.

Somewhere around the start of this month I stumbled upon Maximilian Schwarzmüller searching Udemy for people who solidly knew Vue. I had seen a few examples of the code in various YouTube tutorials and was enamored with how awesome the language looked so I kind of nebulously decided that would be the framework I learned when the time comes. After seeing how expensive his individual courses were I went looking on his website to see if he had any discount codes and found that he keeps all of his courses behind a $19 a month paywall if you don't want to buy them individually, so now I am working through his JavaScript - The Complete Guide 2021 (Beginner + Advanced) and I am in awe of how little I actually knew about JavaScript. Max is the most in-depth teacher I have ever seen when it comes to JavaScript. Most people will describe a common method, it's most common use case, and then show a use case. Max will dissect every moving part, show the most common use cases as well as some creative edge cases, and then dive into meta concepts like it's relation to the concept of clean code, performance (something you almost never see discussed when learning basic JavaScript), and related history associated with use (eg DOM selection and traversing then and now.)

The full course is 52 hours, but you'll need a lot more to actually digest the content. Everything is presented very plainly, with visual aids, and the opportunity to code along, but I have found that often times I need to stop and read MDN/Watch YouTube videos/Try things myself for a while before I feel confident enough in it to continue working. What's crazy is he dives super deep into things like the Chrome window and document, V8, and working with DevTools before you do much of anything and I learned a lot about things that had been skipped over in other tutorials there. I'm only about 35% of the way through it at the moment, but I'm pretty committed to finishing it before I start working on his Vue courses. I feel pretty confident now when looking at code that I know what it does before running it, I'm very used to fixing errors and think in data structures when approaching problems. I am far from learning how to do everything, but you don't need to know everything. You just need to have a good understanding of the rules, how the pieces fit together, and how the syntax rules shape and change your code (and what your code is being compiled into when using es6+ sugar.)

Right now I'm working through CodeAcademy's Full Stack Engineer career path ($200 a year), Learnjavascript.online ($80 for 5 years accesss), and Academind (Max's website, $19/month).

If I were to start again to get where I am now I think this is what I would do:

• Free Code Camp's Responsive Webdev Cert

• Free Code Camp's Javascript Cert