Learning X, for the nth time!

An introduction to the software development for web developers.

Hi, I'm a web developer who wants to write good code and as a part of this process I'll write here about my learnings. what? As a developer, it is essential to have readablity in most used programming languages and writablity in your core programming language. Through a series of tasks that I think are nice to have items in my toolbelt, I aim to do just that.

Programming Language List

  1. Javascript
  2. Golang
  3. Rust
  4. Java

Todo List

  1. HTML/CSS/JS Basics
  2. Node
  3. Frontend framework (sapper)
  4. Web Components & Component Compilers (stencil)
  5. Static Page Generators
  6. Progressive Web Apps
  7. Serverless App Development
  8. AI
  9. Testing
  10. Tooling and Optimization cli

I try to add an example every two weeks.

Thank you for reading this article. ♥

I highly appreciate pull requests, comments, suggestions... anything really . Thank you!

contributors can edit this page or leave a open issue

Static Page Generators

options considered: mdBook, cobalt, hugo, nuxt todo : icejaw, figma

mdbook

Commands

An nginx server for SSL termination which has a public address of 192.168.1.100 on port 80 and proxied that to 127.0.0.1 on port 8000, should run:

mdbook serve path/to/book -p 8000 -i 127.0.0.1 -a 192.168.1.100 -w 3000

-o --open : mdbook will open the book in your your default web browser after starting the server

-w : 192.168.1.100:<WS_PORT> will be proxied for live reload

deploy on github

remove book/ from .gitignore and commit. On every change to src, run these commands:

mdbook test
mdbook serve
git add .
git commit -m 'change desc'
git subtree push --prefix book origin gh-pages

Features

  • syntax highlighting
  • annotated rust code
# fn main() {
    let x = 5;
    let y = 6;

    println!("{}", x + y);
# }
  • editable
fn main() {
    let number = 5;
    print!("{}", number);
}
  • can use runnable rust file via playpen

Additional links

https://michael-f-bryan.github.io/cheat-sheets/