Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS

Online Learning Online Courses Online Education

Treehouse Landing Page

1

Treehouse

Treehouse is an award-winning online platform that teaches people how to code.

#Online Education #Online Learning #Online Courses 57 social mentions
Scrimba Landing Page
2

Scrimba

Interactive coding screencasts created in an instant
Pricing:
- Open Source
#Online Learning #Education #Online Courses 143 social mentions
Jekyll Landing Page
3

Jekyll

Jekyll is a simple, blog aware, static site generator.
Pricing:
- Open Source
Some of these responses… wow. Using modern HTML and CSS will get you pretty far these days. For example, dealing with forms used to be problematic in a few different ways without JavaScript or something server-side. Now form validation can be done with CSS [1]. For example, static site hosts like Netlify have services for dealing with the form data [2]. 100 free form submissions per month. I agree that tooling is out of control. Jekyll [3] is great for getting started with building static sites. When using Jekyll, my build tool of choice is a Makefile [4]. [1]: https://webkit.org/blog/13096/css-has-pseudo-class/#styling-form-states-without-js [2]: https://www.netlify.com/products/forms/ [3]: https://jekyllrb.com/ [4]: https://blog.mads-hartmann.com/2016/08/20/make.html.

#CMS #Blogging #Blogging Platform 180 social mentions
Free Code Camp Landing Page

4

Free Code Camp

Learn to code by helping nonprofits.

#Online Learning #Online Courses #Online Education 575 social mentions
CSS-Tricks Landing Page

5

CSS-Tricks

CSS-Tricks is a website about websites.

#CSS #CSS Tutorials #CSS Tricks 128 social mentions
Glitch Landing Page
6

Glitch

Glitch is the friendly community where everyone builds the web. Simple, powerful interface for creating web apps.
Pricing:
- Open Source
- Free
- Free Trial
I can recommend https://devdocs.io for reference and https://glitch.com for prototyping (and hosting if your needs are modest!) as well some good sample projects.

#Text Editors #Cloud Hosting #Code Collaboration 112 social mentions
DevDocs Landing Page
7

DevDocs

Open source API documentation browser with instant fuzzy search, offline mode, keyboard shortcuts, and more
Pricing:
- Open Source
I can recommend https://devdocs.io for reference and https://glitch.com for prototyping (and hosting if your needs are modest!) as well some good sample projects.

#Cryptocurrencies #Software Development #Blockchain 123 social mentions
Elm Landing Page
8

Elm

A type inferred, functional reactive language that compiles to HTML, CSS, and JavaScript
Pricing:
- Open Source
Just use Elm. ( https://elm-lang.org/ ) I don't have time to do a whole screed about this morning, but do give it a look-see.

#Programming Language #OOP #Generic Programming Language 114 social mentions
GitHub Pages Landing Page
9

GitHub Pages

A free, static web host for open-source projects on GitHub
Pricing:
- Open Source
Other comments have already suggested guides for creating a simple static HTML site with light CSS & JS, whereas so many other comments are suggesting absurdly more than necessary. The one thing I haven't seen mentioned and would recommend exploring for OP's use case is: Github Pages. This would probably be perfect for serving the type of site they're describing and would eliminate numerous layers of complexity. https://pages.github.com/.

#Static Site Generators #Cloud Computing #Blogging 466 social mentions
Umbrella JS Landing Page
10

Umbrella JS

Tiny library for DOM manipulation, events and AJAX
Pricing:
- Open Source
#Javascript UI Libraries #Development Tools #JS Library 4 social mentions
unpkg Landing Page
11

unpkg

The CDN for everything on npm
Pricing:
- Open Source
#CDN #Cloud Computing #Image Optimisation 26 social mentions