Welcome to Dev Handbook!
In this handbook, you will find handy references on specific fields:
This handbook is maintained by Melanie & Ha.
You can support my work and buy me a coffee.
Follow me on Github.
Web Development Guide
- Computer: macOS, Linux, Windows
- Text Editor: VSCode
- Web Browser: Chrome, Firefox
- Terminal: Bash
- Design: Canva, Photoshop, Sketch
- Git & GitHub
- Chrome Dev Tools
- Package manager: NPM or Yarn
Frontend Web development
1. HTML, CSS
- CSS Fundamentals
- CSS Grid & Flexbox
- CSS Transition
- Sass (variables, nesting, conditionals)
- CSS Frameworks (Bootstrap, Tailwind)
2. Responsive Design
- Media queries
- Responsive mobile first
- Modern JS (ES6)
- DOM (Document Object Model)
- Fetch API
4. Web Deployment
You should learn how to deploy a website to a web server.
- Domain registration (Namecheap)
- Static hosting (Netlify, Github Pages)
- Managed hosting
- SSL Certificate
- FTP (File Transfer Protocol)
5. Front-end Framework
You should choose to learn one of these front-end frameworks.
6. Static site generators
Static site generators offer better SEO, file system rooting, data fetching, plugins, and GraphQl.
Some popular static site generators are:
- Gatsby (React)
- Hugo (Go)
- Gridsome (Vue)
Backend Web Development
1. Server-side language
You need to learn a server-side language to become a full-stack or backend web developer. Pick one of the following:
2. Server-side framework
- PHP: Laravel
- Python: Django, Flask
- Node.js: Express
I recommend learning SQL and one of the following databases
- Regional database: MySQL, PostgreSQL
- NoSQL: MongoDB
- Cloud database: AWS, Firebase
- Lightweight: SQLlite
4. Content Management System (CMS)
CMS is great for adding content to the web application.
- Traditional CMS: WordPress, Drupal
- Headless CMS: Contentful
- Web server environment: NGINX, Apache
- App hosting: Heroku, Linode, AWS
These sites are great for learning web development.