6 ms·

Show HN: Web Skills – A Visual Learning Guide for Web Developers

98 points by sooperb 7y ago

duxup 7y ago
I really like this layout.
josephjrobison 7y ago
This is extremely helpful and enlightening!
gen_greyface 7y ago
being not able to zoom here is an awesome feature
jceb81 7y ago
Great work, I find it very helpful
ornornor 7y ago
Cool icons too!
bg24 7y ago
Very informative. Thank you.
Waterluvian 7y ago
Only feedback I have is that SEO probably doesn't belong as a fundamental given it's not relevant when you're using web tech to build non-public web applications and sites.
austincheney 7y ago
The DOM section mentions nothing about traversal, updates, or changes to the DOM. Query selectors are convenient but they are limited and slow. DOM access is more expressive than what query selectors provide. I would not include any mention of build tools or bundlers. These are subjective developer tools not aligned to any standard and not in any way benefiting the user or the user experience. This is true of the Framework section below as well, but more so. I get the feeling many front end developers cannot imagine any web application that is not a basic service driven SPA built on a major MVC framework. When people complain about reinventing the wheel they are complaining about the need to innovate because their framework does everything for them and that is the only type of application to build in the browser. If you are going to provide large blocks of content on build tools and frameworks you should also provide content on services, Node, Deno, protocols, messaging, and so forth.
ArekDymalski 7y ago
This is amazing. It would be absolutely awesome if you could highlight some recommended paths from one topic to another, based on you want to create.
IgorPartola 7y ago
Is it ironic that a page about web development isn’t mobile friendly?
- dpcan 7y ago
  Not really, because most web developers only know how to do about 20% of what's on this page anyway. Do "well" anyway.
- BenJong-Il 7y ago
  It even has mobile first under design and UX.
- justaj 7y ago
  Or requires JS to display anything at all.
christiansakai 7y ago
As a fullstack developer, I commend you on creating this! Amazing work. Thank you
atentaten 7y ago
My commendations on the effort to get this curated. It could be a great tool for visual learners. I suggest adding Jest as a test runner under testing.
jackallis 7y ago
i commend the effort.
bernardv 7y ago
Very nice - also serves as a visual representation of the confusing fragmentation of web technologies. Many batteries - none included!
- jujodi 7y ago
  Unless you use rails
evangelosdotnl 7y ago
nice work! it reminds me of the developer roadmap, have a look at this website; https://roadmap.sh/ https://roadmap.sh/
nbst 7y ago
w3schools? really?
memco 7y ago
This is 20% of the way to a civ-type strategy game where your goal is to evolve your tech stack, knowledge and skills before your competitors in order to achieve market dominance.
pekim 7y ago
I'm afraid that the need for horizontal scrolling rather spoils it for me. A responsive layout would be a significant improvement in usability in my opinion.
aryamaan 7y ago
Could someone please help me with a rough way to get started with web development for a backend engineer. I am overwhelmed with the choices/alternatives there are for everything. Ideally, I would like something which follow do-and-learn approach. Directly put in into building a project or start working on existing projects and I learn about the things and concepts along it. Thanks!

98 points by sooperb 7y ago

duxup 7y ago

I really like this layout.

josephjrobison 7y ago

This is extremely helpful and enlightening!

gen_greyface 7y ago

being not able to zoom here is an awesome feature

jceb81 7y ago

Great work, I find it very helpful

ornornor 7y ago

Cool icons too!

bg24 7y ago

Very informative. Thank you.

Waterluvian 7y ago

Only feedback I have is that SEO probably doesn't belong as a fundamental given it's not relevant when you're using web tech to build non-public web applications and sites.

austincheney 7y ago

The DOM section mentions nothing about traversal, updates, or changes to the DOM. Query selectors are convenient but they are limited and slow. DOM access is more expressive than what query selectors provide. I would not include any mention of build tools or bundlers. These are subjective developer tools not aligned to any standard and not in any way benefiting the user or the user experience. This is true of the Framework section below as well, but more so. I get the feeling many front end developers cannot imagine any web application that is not a basic service driven SPA built on a major MVC framework. When people complain about reinventing the wheel they are complaining about the need to innovate because their framework does everything for them and that is the only type of application to build in the browser. If you are going to provide large blocks of content on build tools and frameworks you should also provide content on services, Node, Deno, protocols, messaging, and so forth.

ArekDymalski 7y ago

This is amazing. It would be absolutely awesome if you could highlight some recommended paths from one topic to another, based on you want to create.

IgorPartola 7y ago

Is it ironic that a page about web development isn’t mobile friendly?

dpcan 7y ago
Not really, because most web developers only know how to do about 20% of what's on this page anyway. Do "well" anyway.
BenJong-Il 7y ago
It even has mobile first under design and UX.
justaj 7y ago
Or requires JS to display anything at all.

christiansakai 7y ago

As a fullstack developer, I commend you on creating this! Amazing work. Thank you

atentaten 7y ago

My commendations on the effort to get this curated. It could be a great tool for visual learners. I suggest adding Jest as a test runner under testing.

jackallis 7y ago

i commend the effort.

bernardv 7y ago

Very nice - also serves as a visual representation of the confusing fragmentation of web technologies. Many batteries - none included!

jujodi 7y ago
Unless you use rails

evangelosdotnl 7y ago

nice work! it reminds me of the developer roadmap, have a look at this website; https://roadmap.sh/ https://roadmap.sh/

nbst 7y ago

w3schools? really?

memco 7y ago

This is 20% of the way to a civ-type strategy game where your goal is to evolve your tech stack, knowledge and skills before your competitors in order to achieve market dominance.

pekim 7y ago

I'm afraid that the need for horizontal scrolling rather spoils it for me. A responsive layout would be a significant improvement in usability in my opinion.

aryamaan 7y ago

Could someone please help me with a rough way to get started with web development for a backend engineer. I am overwhelmed with the choices/alternatives there are for everything. Ideally, I would like something which follow do-and-learn approach. Directly put in into building a project or start working on existing projects and I learn about the things and concepts along it. Thanks!