Full Stack Development

Introduction



by Tomas Trescak t.trescak@westernsydney.edu.au

What is Full-Stack Development?

Courtesy of: Adarsh Dayan

What is a Stack?

DevOps
CD / Deployment
CI / Quality Assurance
Front-End
Back-End
Software System
Web / Mobile App
DB

What is Full-Stack Development?

Front-End

Courtesy of: https://eluminoustechnologies.com

What is Full-Stack Development?

Back-End

Courtesy of: cloudflare.com
Courtesy of quytech.com

Why React?

#1 Fast Learning Curve

  • React is straightforward to learn and start using, especially if you're already familiar with JavaScript.

"Build dynamic and interactive UIs without steep learning hurdles."
    Courtesy of: rubygarage.org

    Why React?

    #2 High Demand in the Job Market

    Courtesy of: zerotomastery.io
    • React is one of the most in-demand skills in web development today.

    " Join the ranks of top developers sought after by leading tech companies. "
      Courtesy of: newxel.com

      Why React?

      #3 Reusable Components

      • Write code once and use it anywhere.

        "
        Save time by reusing components across your project. "

      Why React?

      #4 Strong Community Support

      • React has a massive community, offering tons of libraries, tools, and resources.

      " Get help and inspiration from a global network of developers. "
        react.dev website

        Why React?

        #5 Backed by Industry Leaders

        • React is maintained by Facebook and a community of individual developers.

        " Learn a technology trusted and used by top companies like Facebook, Airbnb, and Netflix. "
          Top brands using React

          Node.js for Full-Stack Development?

          #1  Efficient and Scalable

          • Fast V8 Engine

          • Scalable Architecture and Services

          • Ideal for Real-Time Applications
          Node.js Logo

          Node.js for Full-Stack Development?

          #2  Unified Development with JavaScript / Typescript

          • Single Language for Client / Server

          • Fast Prototyping / Fast Development

          • Productivity
          Javascript Logo

          What's Next?

          Part 1: Get Things Done App

          DevOps
          CD / Deployment
          CI / Quality Assurance
          Back-End
          Front-End
          DB
          • Focus on Front End + Back End

          • Postgres DB

          • Build first application