Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to become a full-stack developer?

How to become a full-stack developer?

Beginner level introduction on how to become a full-stack developer.


Manoj Fernando

November 10, 2020


  1. Let’s create impactful digital products together 99x.io How to Become

    a Full-Stack Developer? Getting Started Guide Manoj Fernando Associate Technical Architect @ 99x
  2. Who is A Full-Stack Developer?

  3. Must Know… Full Stack Web Developer • Frontend Web/Mobile Development

    • Backend Development • Implement application logic with a programming language • API • Database • Deployment
  4. Modern Web Applications Overview

  5. Must Know… Full Stack Web Developer • Frontend Web Development

    • Backend Development • API • Application Logics • Database • Deployment
  6. HTML | CSS | JavaScript Frontend Web Development Web Application

  7. HTML | CSS | JavaScript Frontend Web Development

  8. Getting Started Frontend Web Development • Learn HTML, CSS and

    JavaScript https://www.youtube.com/watch?v=pQN-pnXPaVg https://www.youtube.com/watch?v=PkZNo7MFNFg https://www.youtube.com/watch?v=srvUrASNj0s • Learn React https://www.youtube.com/watch?v=4UZrsTqkcW4 • Learn Angular https://www.youtube.com/watch?v=Fdf5aTYRW0E • Road Map https://roadmap.sh/frontend
  9. Must Know… Full Stack Web Developer • Frontend Web Development

    • Backend Development • API • Implement application logic • Database • Deployment
  10. APIs Backend Development

  11. Getting Started Backend Development - APIs • Learn how to

    build a REST API https://www.youtube.com/watch?v=pKd0Rpw7O48 • Learn GraphQL https://www.youtube.com/watch?v=ed8SzALpx1Q • Road Map https://roadmap.sh/backend
  12. Application Logic Backend Development

  13. • Learn NodeJS https://www.youtube.com/watch?v=TlB_eWDSMt4 JavaScript for Both Frontend and Backend

    Development! Getting Started Backend Development – Application Logic
  14. Database Backend Development

  15. Getting Started Backend Development – Database • Learn MongoDB https://www.youtube.com/watch?v=-56x56UppqQ

    • Learn MySQL https://www.youtube.com/watch?v=7S_tz1z_5bA • SQL vs NoSQL https://www.youtube.com/watch?v=ZS_kXvOeQ5Y
  16. Must Know… Full Stack Web Developer • Frontend Development •

    Backend Development • API • Application Logics • Database • Deployment
  17. On Physical Servers Deployment

  18. On Virtual Machines Deployment

  19. On Serverless Services Deployment

  20. Getting Started Deployment – Cloud Computing • Learn Cloud Computing

    https://www.youtube.com/watch?v=dH0yz-Osy54 • Learn AWS https://www.youtube.com/watch?v=3hLmDS179YE • AWS Full-Stack https://www.youtube.com/c/CloudTutorials
  21. Demo

  22. Homework Build a note-taking application

  23. Note-taking application Requirements • You should be able to login

    to your application • Create new notes • View all notes
  24. Note-taking application Steps to Follow • Sign up for an

    AWS account or Apply for AWS Educate • Create an AWS user and configure the credentials on your laptop • Create a React/Angular/Vue application to add notes and view notes • Add and Configure a Login using Amplify CLI and Library • Add an Configure an API using Amplify CLI and Library • Deploy the application to AWS using Amplify CLI
  25. References • How to build a profile app https://www.youtube.com/watch?v=t_eH9en9lP4 https://www.youtube.com/watch?v=0hGKlgPif4A

    https://www.youtube.com/watch?v=O1mT6JA8Z5A • AWS amplify documentation https://docs.amplify.aws/cli
  26. Thank you 99x.io