배우고 익히는 즐거움, 아이티고
알림
[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.1
여기를 클릭하면, 샘플강의가 재생됩니다.
박용준 강사
- tag
[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.1
담당강사 : 박용준
| 강의구성 | 총 20강좌 (강의시간 : 총 ) | 수강기간 | 30일 |
|---|---|---|---|
| 강의형식 | 동영상 | 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 | 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
박용준 강사
|
||
| 강의구성 | 총 20강좌 (강의시간 : 총 ) |
|---|---|
| 수강기간 | 30일 |
| 강의형식 | 동영상 |
| 수강료 |
40,000원
이 강좌의 80% 이상 수강 시 출력이 가능합니다. |
| 강의수준 | 초급 |
| 강의에서 사용하는 프로그램 & 버전 |
- |
| 담당강사 |
박용준 강사
|
- 과정소개
- 본 과정은 Blazor와 C#을 사용하여 풀스택 기반으로 웹앱을 만드는 방법을 살펴봅니다.
- 학습목표
-
Blazor와 C#을 사용하여 풀스택 기반으로 웹앱을 만드는 방법을 살펴봅니다.
최근 유행하는 웹 개발 방식인 SPA(Single Page Application) 방식으로 구현할 때 Blazor를 사용하면 편리하게 구현이 가능합니다.
웹 응용 프로그램 제작시 자주 사용되는 CRUD 및 페이징, 팝업, 차트 출력, 파일 업로드 등의 기능을 하나의 웹앱으로 통합해서 데모로 보여줍니다.
- 교육대상
- 최신의 Blazor(블레이저)를 사용하여 웹앱을 만들고자하는 학생 또는 개발자
차시별 학습목표
- 01. 1. Blazor 소개 2. SPA 소개 3. ASP.NET Core와 Blazor 소개
- 02. 1. Blazor(블레이저) 학습 환경 구축 2. Visual Studio 2019 설치 3. .NET Core SDK 3.1 설치
- 03. 1. Blazor(블레이저) 학습을 위한 닷넷 개발 환경 구축 2. Blazor 사용 DB 입출력 기능 구현 데모
- 04. 1. Blazor 강의 소스 모음 소개 2. Blazor 소스를 GitHub에 게시
- 05. 1. Blazor 공식 사이트 2. Blazor 문서 사이트 3. Blazor 소개
- 06. 1. Angular 앵귤러에서 알야아햘 8가지 개념 2. Angular 컴포넌트, 모듈 등 소개
- 07. 1. Blazor TODO 리스트 2. Blazor로 간단한 입출력 기능 구현하기
- 08. 1. Blazor 컴포넌트 2. Blazor와 UI 만들기 3. C#으로 로직 만들기
- 09. 1. Blazor 폼 2. Blazor EditForm 3. Blazor 유효성 검사
- 10. 1. Blazor 컴포넌트 2. Blazor 부모 컴포넌트 3. Blazor 자식 컴포넌트
- 11. 1. Blazor 중첩 컴포넌트 2. EventCallback 대리자 3. 검색 폼 만들기
- 12. 1. Blazor 컴포넌트 2. 머티리얼 디자인 3. MatBlazor
- 13. 1. Blazor 소개 2. Blazor 블레이저 소개 3. Blazor Pipeline 소개
- 14. 1. Blazor 컴포넌트 2. Blazor 파일 업로드 컴포넌트 3. Blazor 단일 파일 업로드
- 15. 1. Blazor와 JavaScript 2. Blazor에서 JavaScript 호출 3. JavaScript에서 Blazor 호출
- 16. 1. 블레이저 미니 프로젝트 2. 부트스트랩 템플릿 3. 미니 프로젝트
- 17. 1. 템플릿 2. 컴포넌트 3. 코드비하인드
- 18. 1. 컴포넌트 2. 코드 비하인드 3. OnInitialized 이벤트 처리기
- 19. 1. 컴포넌트 2. 코드 비하인드 3. NavigationManager 참조
- 20. 1. 템플릿 2. 컴포넌트 3. 코드비하인드
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
연관강좌
![[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.2](https://img.itgo.co.kr/thumbnail/la_H070107.jpg)
![[HD]Blazor(블레이저)를 사용하여 풀스택 웹 개발 하기 Part.3](https://img.itgo.co.kr/thumbnail/la_H070108.jpg)
아이티고 강좌질문 모음
※ 아이티고 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7
- 강좌 리스트
- 01. Blazor(블레이저) 소개 및 강의 시작 [42:28]
- 02. Blazor(블레이저) 개발 환경 구축 및 Blazor Hello World 만들기 [22:22]
- 03. 미리보기 세미나_닷넷코어 3.1 설치 및 Blazor 사용해 입출력 기능이 있는 아이디어 관리자 앱 만들기 [43:15]
- 04. Blazor 학습을 위한 BlazorApp 이름의 Blazor 프로젝트를 만들고 GitHub에 푸시 [21:00]
- 05. ASP.NET Core Blazor 소개 및 지원되는 플랫폼 [20:28]
- 06. 블레이저에서 알아야 할 8가지 핵심 개념 [12:17]
- 07. TodoListInMemory_초간단 인-메모리 TODO 리스트 만들기 [20:36]
- 08. Bonus_용돈 나누기 앱 만들기 [27:02]
- 09. BlazorForm_EditForm 컴포넌트를 사용하여 폼 작성 및 폼 유효성 검사 진행하기 [14:47]
- 10. ParentChild_부모 컴포넌트에서 자식 컴포넌트로 또는 그 반대로 데이터 주고 받기 [27:00]
- 11. SearchBox_중첩 컴포넌트_부모 컴포넌트와 자식 컴포넌트 그리고 EventCallback 대리자 [39:47]
- 12. MatBlazor_머티리얼 다지인을 손쉽게 구현하는 MatBlazor 컴포넌트 소개 [14:57]
- 13. ChartJs.Blaozr 컴포넌트를 사용하여 여러 종류의 차트를 빠르게 그리기 [27:26]
- 14. FrmFileUploadTest_Blazor에서 단일 파일 업로드하기 [31:18]
- 15. JavaScript interop을 사용하여 닷넷에서 자바스크립트를 자바스크립트에서 닷넷 메서드를 호출하기 [45:38]
- 16. VisualAcademy 프로젝트 생성 및 StartBootstrap의 ModernBusiness 템플릿 적용 [21:18]
- 17. 메인 레이아웃 및 Index, About, Services 페이지 구현 [35:28]
- 18. Blazor 컴포넌트의 구조 설명 및 코드 비하인드 파일 생성 그리고 OnInitialized 이벤트 처리기 추가 [33:49]
- 19. PortfolioWebsites 컴포넌트 추가 및 버튼 클릭에 대한 이벤트 처리기 구현 그리고 NavigationManger 참조 [17:47]
- 20. Modern Business 템플릿의 모든 HTML 페이지를 Blazor 컴포넌트로 복제 완료 [32:08]