Thanks. If you'd like some more book and video suggestions I sent this to a friend back when she was looking to get into front-end development a few months ago:

Here are some book and video links (with Amazon affiliate tags snuck in). I've read all of these books cover-to-cover save for the RxJS one. They approach front-end as a set of technologies that should be understood and mastered rather than the "CsS hAckS to GET YoU pAiD!" style of most web tutorials.

Not sure where to point you with React but if you decide to use Angular or Vue I have some suggestions.

CSS/Sass:

"CSS: The Definitive Guide": https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat...

"Pragmatic Guide to Sass 3: Tame the Modern Style Sheet": https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/...

This Sass book has the best structure of any introductory tech book I've ever read.

"TypeScript":

Mastering TypeScript 3: https://www.amazon.com/Mastering-TypeScript-enterprise-ready...

"Programming TypeScript": https://www.amazon.com/Programming-TypeScript-Making-JavaScr...

RxJS: Reactive programming the most significant development in UI technology in 20 years. Once you get the hang of it managing asynchronous events (user generated, network generated, time based, etc) become a breeze.

"Build Reactive Websites with RxJS: Master Observables and Wrangle Events": https://www.amazon.com/Build-Reactive-Websites-RxJS-Observab...

RxMarbles - Interactive RxJS visulizations: https://rxmarbles.com/

Angular:

"Angular Development with TypeScript": https://www.amazon.com/Angular-Development-Typescript-Yakov-...

"Architecting Angular Applications with Redux, RxJS, and NgRx: Learn to build Redux style high-performing applications with Angular 6": https://www.amazon.com/Architecting-Angular-Applications-Red...

Videos:

I watched most of the Layout Land videos when I was getting a grip on the state of CSS. Jen Simmons is a developer advocate at Mozilla and has the best overviews I've seen.

Basics of CSS Grid: The Big Picture: https://www.youtube.com/watch?v=FEnRpy9Xfes

Using Flexbox + CSS Grid Together: Easy Gallery Layout: https://www.youtube.com/watch?v=dQHtT47eH0M

To add to this... learn enough git to setup your projects in github. Setup an organization in github as yourid-samples or yourid-learning ... that way you can keep it out of your main user repo.

I have a dokku box (there's a market setup on DigitalOcean, would go with at least a $10 box on DO). You can then setup all your projects on the dokku box as you go. `git push deploy` ... bonus if you can get integrated with Github's CI/CD pipelines.

I see a lot of example sites from those who come out of bootcamps, or on their own learning path... the extra bit is actually having running samples. It's easy enough to get a domain name and point *.domain at a dokku box.

The other extra points part will be to have tests with code coverage on your projects. Frankly, a lot of code/modules that go into production don't have this, so it's not a hard requirement, but is something that will put you ahead of competition when starting out.

If you have no knowledge at all, I'd suggest getting started with "Head First HTML And CSS"[1]. It's not the most in-depth, but a pretty good beginner book for getting started. From there I would go through the "Modern JavaScript"[3] series from O'Reilly as well as "CSS: The Definitive Guide"[3].

From there, it's a matter of what interests you. Though React, Angular or Vue would be good next steps. Followed by backend with Node.js as well as PostgreSQL (or MS SQL). From there, the sky is the limit.

[1] https://www.amazon.com/Head-First-HTML-CSS-Standards-Based-d...

[2] https://mjavascript.com/

[3] https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat...

Good stuff. Keyboard clacking during screencasts is a non-starter for me tho.

I really like Jen Simmons's videos on CSS layouts. (https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag/vid...)

Before this month, the last time that I made a layout with CSS floats were still in style. When I decided to really learn modern CSS this month even starter videos like "Basics of CSS Grid: The Big Picture (https://www.youtube.com/watch?v=FEnRpy9Xfes)" were over my head.. I'm a back-end developer, I'd never used Flexbox let alone Grid. As I watched Jen's videos I scribbled down what she was excited about and then started reading "CSS: The Definitive Guide (https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat... cover to cover.

I'm really glad that I watched Jen's videos first. Having some best practices in my head before I learned the mechanics of Flexbox and Grid helped crystallize everything. Now that I'm basically through CSS: TDG I'm re-watching her videos and getting even more out of them.