adventofcode2024

adventofcode2024 🎄

SAP UI5 Basics to Advanced 🎄

Started from Dec 1 and ends on Dec 27th

Week 1

• Day 1 - Button
• Day 2 - Dialog
• Day 3 - InfoLabel
• Day 4 - Illustration
• Day 5 - Table
• Day 6 - Generic Tag
• Day 7 - Icon Tab Header

  Week 2

• Day 8 - Message Strip
• Day 9 - Panel
• Day 10 - Slide Tile
• Day 11 - MicroCharts
• Day 12 - Message Box
• Day 13 - Message Toast
• Day 14 - Page,Toolbar and Bar

  Week 3

• Day 15 - Process Flow
• Day 16 - CodeEditor
• Day 17 - UI5 WebComponents 2.0
• Day 18 - RangeSlider
• Day 19 - Timelines
• Day 20 - Page Header Title with Table
• Day 21 - Progress Indicator with Animation

  Week 4

• Day 22 - Micro Process Flow
• Day 23 - Interactive Bar Chart
• Day 24 -

References : https://ui5.sap.com/#/controls

The Advent of Code (AoC) is an annual event that excites the programming SAP community every December. It’s a series of daily coding challenges that run from December 1st to December 25th, offering a fun and engaging way to improve your coding skills. This year, let’s dive into how you can tackle these challenges using UI5, a powerful framework for building enterprise-ready web applications.

Getting Started with UI5

To get started with UI5 for Advent of Code, you’ll need to set up your development environment. Here are the basic steps:

Install Node.js and npm: UI5 requires Node.js and npm for development. You can download and install them from the official Node.js website. Set Up UI5 CLI: The UI5 Command Line Interface (CLI) is a powerful tool that helps you manage your UI5 projects. Install it using npm:

npm install --global @ui5/cli
npm install --global yo
npm install --global create-easy-ui5

Where to Start ?

• https://ui5.sap.com/#/topic/8b49fc198bf04b2d9800fc37fecbb218

Github repo for AoC 2024

• https://github.com/yogananda-muthaiah/adventofcode2024 This simple example demonstrates how UI5 can be used to create interactive solutions for Advent of Code challenges. By leveraging UI5’s powerful features, you can build robust and visually appealing applications to solve even the most complex problems.

SAP UI5 Icons Explorer

• https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html

Live Editor

• https://ui5.sap.com/#/liveEditor

UI5 Tooling

• https://sap.github.io/ui5-tooling/stable/

UI5 Linter

• https://github.com/SAP/ui5-linter

Best of UI5 (NPM Packages)

• https://bestofui5.org/

UI5 Community

• https://github.com/ui5-community

---

Disclaimer

Note: The examples provided are intended to help you learn step-by-step how to use UI5 controls. When designing an actual project, it should be based on the Node.js module. Disclaimer

The repo contains sample code for learning purposes only. It does not contain any best practices or advices. The code is not further maintained or updated. Usage of the code is on your own risk.

Conclusion

Advent of Code is a fantastic opportunity to sharpen your coding skills and have fun with the global programming community. Using UI5, you can enhance your solutions with rich UI components and efficient architecture. So, get ready to code, learn, and enjoy the Advent of Code 2024 with UI5!