Welcome to a new version of Openathon - Angular where we will have the opportunity to discover, in a practical way, the possibilities offered by this leading framework in the market.
This is an updated version to 2023 for the Openathon edition organized for the Accenture Technology Custom Software Engineering in Spain that took place in 2019.
Open Events is a solution that will allow us to register and retrieve the different technology events that are interesting for the CSE Communities.
The Front-end component will be developed using Angular. We are going to learn step by step during the next laboratories not only Angular theory but general Architecture Good Practices and Main Principles.
We will finish with a fully working web app using mocked data.
Open Events functionalities:
- Landing page: Intro and description. Shortcuts.
- Menu
- Home
- Events
- See events
- List (with filters as last, location…)
- Event page selected with details
- Find events (filters)
- Create event (with categories)
- Delete event
- Edit event
- Your events (as organizer)
- See events
- Login-Register
- Register page
- Login page
- Profile
- See profile
- Edit profile
- Delete profile
And a simple navigation map would be:
This Openathon is divided in the following theory and laboratories:
| Lab | Title |
|---|---|
| Intro 01 | What is Angular |
| Intro 02 | Main Principles, Solid Practices and Code Quality |
| Lab 1 | Starting a New Angular Project |
| Lab 2 | Angular Basics |
| Lab 3 | Routing Basics |
| Lab 4 | Services |
| Lab 5 | Routing 2 and CRUD |
| Lab 6 | Central State management |
| Lab 7 | Style and Deploy (extra bonus optional for code ninjas) |
Visual Studio Code is a source code editor with support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.
Click here to download and install.
Node.js is a free, open source server environment that runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.) using the JavaScript runtime built on Chrome's V8 JavaScript engine.
Click here to download and install an active LTS or maintenance LTS version.
This will also install npm, the package manager for Node.js and the world's largest software registry.
Open your terminal or command prompt and run:
npm install -g @angular/cliAngular CLI is a command-line interface tool used to initialize, develop, scaffold, and maintain Angular applications.
Click here to know more.
Depending on your computer and operating system, some dependencies will not be installed and you can get warnings during installation process. In the same terminal or a new one run:
ng vIf everything is fine, a list of Angular CLI and Node version should appear.
Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v12 and later when compiled with the optimization configuration option disabled ({optimization:false}).
Click here to download and install in your Chrome browser