Frontend training

Quick Navigation

WebDev for beginners

• Essential and clean code snippets
• Programming essential steps
  • how to install node, java
  • what is package json and npm
  • commands (start, pretty-fix)
  • library vs app
  • backend-frontend apps
  • testing apps
  • Angular
  • Express REST
  • How to setup Commerce
  • How to work with Spartacus analytics and GTM
  • RxJS essentials (pipe with async)

1. Why web development?

   • State of the art
   • Example apps
   • From web to native (also PWA)

2. 3 essential languages

   • HTML
     • examples
   • CSS
     • bootstrap
     • examples
   • JavaScript
     • jQuery
     • debugging
     • storage: local storage, session, SQLlite
     • counter ( event handling)
     • http requests (axios)
   • Node development
     • BE and FE apps
     • package.json, node, npm

3. Data transmission architectures

   • Client server DB
   • SOAP, RESTful, GraphQL, gRPC, WebCocket, Webhook

4. Development tools

   • Angular, React, Vue
   • IDE, git, Github, gitpod (deploy)
   • One project with multipel modules for each topic

5. Data types (module/s)

   • JSON
   • images (upload?)
   • binary (for compression)

6. HTTP, WebSockets, webhooks?

7. Project and CRUD apps

8. Bluetooth (module)

9. GPS (module)

10. Compression (module)

11. Error detection and correction (module)

12. Tech trends and market needs in 2024

    • FE: Angular, React, Vue
      • SAP composable storefront
    • BE: Spring boot, C#, python
    • DevOps: Azure, AWS, gogole cloud