메인메뉴로 이동 본문으로 이동

lnb영역

OA

고객센터

02-6959-5779

ribbon@kitanet.or.kr

상담가능시간 : 평일 09:00~18:00
토/일요일 및 공휴일 휴무

컨텐츠 내용

  1. 수강신청
  2. 과정정보

[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.1-1

과정 이미지
[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.1-1 과정정보
교육시간 20시간
수강기간 30일
강의구성 20차시
수강료 40,000원
과정소개

본 과정은 Blazor와 C#을 사용하여 풀스택 기반으로 웹앱을 만드는 방법을 살펴봅니다. 

 

▶교육대상

최신의 Blazor(블레이저)를 사용하여 웹앱을 만들고자하는 학생 또는 개발자

 

▶교육내용

1. Blazor(블레이저) 소개 및 강의 시작

2. Blazor(블레이저) 개발 환경 구축 및 Blazor Hello World 만들기

3. 미리보기 세미나_닷넷코어 3.1 설치 및 Blazor 사용해 입출력 기능이 있는 아이디어 관리자 앱 만들기

4. Blazor 학습을 위한 BlazorApp 이름의 Blazor 프로젝트를 만들고 GitHub에 푸시

5. ASP.NET Core Blazor 소개 및 지원되는 플랫폼

6. 블레이저에서 알아야 할 8가지 핵심 개념

7. TodoListInMemory_초간단 인-메모리 TODO 리스트 만들기

8. Bonus_용돈 나누기 앱 만들기

9. BlazorForm_EditForm 컴포넌트를 사용하여 폼 작성 및 폼 유효성 검사 진행하기

10. ParentChild_부모 컴포넌트에서 자식 컴포넌트로 또는 그 반대로 데이터 주고 받기

11. SearchBox_중첩 컴포넌트_부모 컴포넌트와 자식 컴포넌트 그리고 EventCallback 대리자

12. MatBlazor_머티리얼 다지인을 손쉽게 구현하는 MatBlazor 컴포넌트 소개

13. ChartJs.Blaozr 컴포넌트를 사용하여 여러 종류의 차트를 빠르게 그리기

14. FrmFileUploadTest_Blazor에서 단일 파일 업로드하기

15. JavaScript interop을 사용하여 닷넷에서 자바스크립트를 자바스크립트에서 닷넷 메서드를 호출하기

16. VisualAcademy 프로젝트 생성 및 StartBootstrap의 ModernBusiness 템플릿 적용

17. 메인 레이아웃 및 Index, About, Services 페이지 구현

18. Blazor 컴포넌트의 구조 설명 및 코드 비하인드 파일 생성 그리고 OnInitialized 이벤트 처리기 추가

19. PortfolioWebsites 컴포넌트 추가 및 버튼 클릭에 대한 이벤트 처리기 구현 그리고 NavigationManger 참조

20. Modern Business 템플릿의 모든 HTML 페이지를 Blazor 컴포넌트로 복제 완료

 

▶수료기준

항목

진도율

진행단계평가

최종평가

과제

수료점수

평가비율

100%

0%

0%

0%

60점이상

수료조건

80%

없음

없음

없음

※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60 이상이어야 합니다.

학습목표
1. Blazor와 C#을 사용하여 풀스택 기반으로 웹앱을 만드는 방법을 살펴봅니다.
2. 최근 유행하는 웹 개발 방식인 SPA(Single Page Application) 방식으로 구현할 때 Blazor를 사용하면 편리하게 구현이 가능합니다.
3. 웹 응용 프로그램 제작시 자주 사용되는 CRUD 및 페이징, 팝업, 차트 출력, 파일 업로드 등의 기능을 하나의 웹앱으로 통합해서 데모로 보여줍니다.
강의목차
차시 강의명
1차시 1. Blazor(블레이저) 소개 및 강의 시작
2차시 2. Blazor(블레이저) 개발 환경 구축 및 Blazor Hello World 만들기
3차시 3. 미리보기 세미나_닷넷코어 3.1 설치 및 Blazor 사용해 입출력 기능이 있는 아이디어 관리자 앱 만들기
4차시 4. Blazor 학습을 위한 BlazorApp 이름의 Blazor 프로젝트를 만들고 GitHub에 푸시
5차시 5. ASP.NET Core Blazor 소개 및 지원되는 플랫폼
6차시 6. 블레이저에서 알아야 할 8가지 핵심 개념
7차시 7. TodoListInMemory_초간단 인-메모리 TODO 리스트 만들기
8차시 8. Bonus_용돈 나누기 앱 만들기
9차시 9. BlazorForm_EditForm 컴포넌트를 사용하여 폼 작성 및 폼 유효성 검사 진행하기
10차시 10. ParentChild_부모 컴포넌트에서 자식 컴포넌트로 또는 그 반대로 데이터 주고 받기
11차시 11. SearchBox_중첩 컴포넌트_부모 컴포넌트와 자식 컴포넌트 그리고 EventCallback 대리자
12차시 12. MatBlazor_머티리얼 다지인을 손쉽게 구현하는 MatBlazor 컴포넌트 소개
13차시 13. ChartJs.Blaozr 컴포넌트를 사용하여 여러 종류의 차트를 빠르게 그리기
14차시 14. FrmFileUploadTest_Blazor에서 단일 파일 업로드하기
15차시 15. JavaScript interop을 사용하여 닷넷에서 자바스크립트를 자바스크립트에서 닷넷 메서드를 호출하기
16차시 16. VisualAcademy 프로젝트 생성 및 StartBootstrap의 ModernBusiness 템플릿 적용
17차시 17. 메인 레이아웃 및 Index, About, Services 페이지 구현
18차시 18. Blazor 컴포넌트의 구조 설명 및 코드 비하인드 파일 생성 그리고 OnInitialized 이벤트 처리기 추가
19차시 19. PortfolioWebsites 컴포넌트 추가 및 버튼 클릭에 대한 이벤트 처리기 구현 그리고 NavigationManger 참조
20차시 20. Modern Business 템플릿의 모든 HTML 페이지를 Blazor 컴포넌트로 복제 완료
평가정보
평가정보
구분 배점 평가명
평가정보가 없습니다.