DEV Community: Julius Bacosa

Let's make an angular in the beach

Julius Bacosa — Wed, 23 Nov 2022 16:43:57 +0000

install angular cli

npm i -g @angular/cli

ng new x-web

create .gitignore
touch .gitignore

ng g m features/records --routing
ng g c features/records
ng g s features/records

ng g m components/x-table
ng g c components/x-table

import your httpClientModule

Sorry, I'll have to go.

Building a Simple and Clean Modularized Angular Project

Julius Bacosa — Sat, 30 Nov 2019 01:43:41 +0000

This Angular Project will be the frontend side of this Asp.net Core 3.0 backend project.

we will be using Visual Studio Code for this project.

We will build our Simple Project using Angular CLI.
we will start with

Create your Project
We will call this project Business SPA application.

execute this command in your angular cli
ng new businessspa-fe

Create your Company Management Module
ng g m modules/companymgmt --routing

Create the Company Component inside Company Management Module
ng g c modules/companymgmt/company

Create your Service
Execute this command in angular cli.
ng g s services/company
Create the CRUD functions for this services
Get, Post, Put, Patch, Delete

Create your Model
create a new folder call it models
create a new typescript file name it: company.model.ts
export class Company { public int: number; public name: string; }

If you need detail tutorial, drop a commend below we can do a one x one session.

Building a Simple and Clean Asp.net Core 3.0 Web Api

Julius Bacosa — Sat, 30 Nov 2019 01:20:33 +0000

Using Visual Studio 2019 Preview.

The Frontend Side of this project is an Angular App which you can also learn how to build by following this post

Update your Starup.cs

Build your api project

Create your endpoint Controller.

Build your model project
Create your simple model

Build your efcore infra project

Create your DbContext Interface

Create your DbContext Implementation

If you need detail tutorial drop a commend below we can do a one x one session.