Skip to content

README.md

Latest commit

 

History

History
114 lines (81 loc) · 4.41 KB

README.md

File metadata and controls

114 lines (81 loc) · 4.41 KB
Raw

full stack web development with MERN used all tech lists to learn?

Covering both front-end and back-end development as well as additional tools for a robust development process:

1. Core Technologies:

  • HTML: Structure of web pages.
  • CSS: Styling and layout.
  • JavaScript: Client-side scripting and logic.

2. Front-End Development:

  • React.js: JavaScript library for building user interfaces.
    • React Router: For client-side routing in React applications.
    • Redux / Context API: State management solutions.
    • React Hooks: For managing state and side effects in functional components.
  • CSS Frameworks:
    • Bootstrap: Responsive design framework.
    • Tailwind CSS: Utility-first CSS framework.
  • CSS Preprocessor:
    • Sass / SCSS: For advanced styling features.
  • UI Libraries:
    • Material-UI / MUI: Component library implementing Material Design.
    • Ant Design: Component library with a set of high-quality components.

3. Back-End Development:

  • Node.js: JavaScript runtime for server-side development.
  • Express.js: Web framework for Node.js to build RESTful APIs.
  • MongoDB: NoSQL database for storing data.
    • Mongoose: ODM (Object Data Modeling) library for MongoDB in Node.js.

4. Database Technologies:

  • MongoDB Atlas: Cloud database service for MongoDB.
  • AdminMongo: GUI for managing MongoDB.

5. Development Tools and Environments:

  • Code Editors:
    • Visual Studio Code: Popular code editor with extensive extensions.
  • Version Control:
    • Git: Version control system.
    • GitHub / GitLab / Bitbucket: Hosting services for Git repositories.
  • Package Managers:
    • npm: Node package manager.
    • Yarn: Alternative package manager.

6. Build Tools and Task Runners:

  • Webpack: Module bundler for JavaScript applications.
  • Babel: JavaScript compiler for using next-generation JavaScript syntax.
  • Nodemon: Tool for automatically restarting Node.js applications during development.

7. Testing:

  • Unit Testing:
    • Jest: JavaScript testing framework.
    • Mocha / Chai: Testing frameworks for Node.js.
  • End-to-End Testing:
    • Cypress: Testing framework for end-to-end testing.
    • Selenium: Tool for automated web browser testing.

8. Deployment and Hosting:

  • Deployment Platforms:
    • Heroku: Cloud platform for deploying applications.
    • Netlify / Vercel: Hosting platforms for static sites and front-end applications.
    • AWS / Azure / Google Cloud Platform: Cloud services for various hosting and computing needs.
  • CI/CD Tools:
    • Jenkins: Automation server for building and deploying applications.
    • Travis CI / CircleCI: Continuous integration and delivery services.

9. APIs and Web Services:

  • RESTful APIs: Standard for creating web services.
  • GraphQL: Query language for APIs.
  • Postman: Tool for testing and documenting APIs.

10. Performance Optimization:

  • Lighthouse: Tool for auditing performance, accessibility, and SEO.
  • WebPageTest: Performance testing tool.

11. UI/UX Design and Prototyping:

  • Figma / Adobe XD / Sketch: Tools for designing and prototyping user interfaces.
  • Zeplin: Tool for design handoff and collaboration.

12. Security:

  • Helmet.js: Middleware for securing Express apps by setting various HTTP headers.
  • OAuth / JWT: Authentication and authorization methods.
  • HTTPS / SSL/TLS: Secure communication protocols.

13. DevOps and Monitoring:

  • Docker: Containerization platform for creating and managing application containers.
  • Kubernetes: Orchestration platform for managing containerized applications.
  • Grafana / Prometheus: Tools for monitoring and visualization.

14. Miscellaneous Tools:

  • Swagger / OpenAPI: Tools for API documentation.
  • ESLint / Prettier: Tools for code linting and formatting.

15. Learning Resources:

  • Online Courses: Platforms like Udemy, Coursera, and freeCodeCamp offer comprehensive MERN stack courses.
  • Documentation and Tutorials: Official documentation for React, Node.js, Express, and MongoDB, along with community tutorials.

Happy Coding...