Is there a "terminal developer's guide to front end"?
Then learn CSS.
Then learn Javascript, and realize that Javascript can be used to write HTML and CSS at runtime. The console is just Javascript in interactive mode.
The browser's dev console gives you access to the current page's DOM, plus anything you can do in JS.
So stuff like `document.querySelectorAll(".foo")` works. Also `fetch()` works within the page's context.
Apart from that, what are some other useful things one can do in the dev console?
>> other useful things one can do in the dev console?
There just seems to be a suprising amount of built in stuff in the browser that does more than rendering text/layout.
I participated in some interesting work at a hackathon a while ago that used a web audio component to signal back and forth between various laptops and phones. It was mostly getting hacked together in the browser dev console.
(I'll come back with some code if I can find it...)
EDIT: OK, here it is: https://github.com/cantino/ultrastound
https://blog.isquaredsoftware.com/series/how-web-apps-work
I've also got a set of slides on "JavaScript for Java Devs", which is a thorough cheat-sheet style overview of JS syntax, concepts, and ecosystem:
https://blog.isquaredsoftware.com/2019/05/presentation-js-fo...
and I helped put together a curated list of learning resources for JavaScript, TypeScript, React, and Redux over on the Reactiflux Discord site:
I found that the easiest way to learn front end was to take a framework (I use Quasar which is very complete) and learn on that. If you have some knowledge of development you will progress quickly. Before that you may want to read and try the introductory docs for Vue.js
This will give you a solid hammer to address all nails, even the points that are not really nails.
The advantage is that it will work fine, and you can then try to optimize (or de-nail) your projects.
If you have transpiled react - which needs its own debugger - I'm not sure what interesting things you could do from there.
I don't think it's part of the culture anymore, unless you're doing vanilla JS or jquery. Happy to hear counter example, but I've had to show even node.js backend devs that the node interpreter actually exists.