11
Practical Project – Demo Creating Dynamic Rich-Data ASP.NET Web Application: Step-by-Step Live Demo Svetlin Nakov Telerik Software Academy academy.telerik.com Technical Trainer www.nakov.com aspnetcourse.telerik.com

11. Practical Project - Demo - ASP.NET Web Forms

Embed Size (px)

DESCRIPTION

This is complete demo of practical project with ASP.NET Web Forms - Blog system of the free ASP.NET Web Forms Course in Telerik Academy. Telerik Software Academy: http://aspnetcourse.telerik.com The website and all video materials are in Bulgarian Table of Contents: Sample practical project; Creating a simple blog system; Prototyping of the user interface; Design of the database; Data access layer based on Entity Framework; User interface based on ASP.NET Web Forms; Testing the system ASP.NET Web Forms Course @ Telerik Academy http://aspnetcourse.telerik.com

Citation preview

Page 1: 11. Practical Project - Demo - ASP.NET Web Forms

Practical Project – Demo

Creating Dynamic Rich-Data ASP.NET Web Application: Step-by-Step Live Demo

Svetlin Nakov

Telerik Software Academyacademy.telerik.com

Technical Trainerwww.nakov.com

aspnetcourse.telerik.com

Page 2: 11. Practical Project - Demo - ASP.NET Web Forms

Table of Contents Sample practical project

Creating a simple blog system

Steps:

1. Prototyping of the user interface

2. Design of the database

3. Data access layer based on EF

4. User interface based on ASP.NET Web Forms

5. Testing the system2

Page 3: 11. Practical Project - Demo - ASP.NET Web Forms

Assignment – Blog System

Create a simple blog system: View blog posts (messages) and

comments

Login / logout

Post new message (for logged users)

Post comments for a message

Each blog message (post) has: Author, date, subject, body

Comments have Author, date and body

3

Page 4: 11. Practical Project - Demo - ASP.NET Web Forms

Step 1: Prototyping the UI (1)

4

Page 5: 11. Practical Project - Demo - ASP.NET Web Forms

Step 1: Prototyping the UI (2)

5

Page 6: 11. Practical Project - Demo - ASP.NET Web Forms

Design the Database

6

Page 7: 11. Practical Project - Demo - ASP.NET Web Forms

Create the Data Access Layer:

based on LINQ-to-SQL

7

Page 8: 11. Practical Project - Demo - ASP.NET Web Forms

ASP.NET Web Forms UI

8

Page 9: 11. Practical Project - Demo - ASP.NET Web Forms

Testing the System What happens when no posts are available in the system?

What happens when no comment are entered for given post?

What happens when the posts are too much (e.g. 500)?

How "create post" behaves with an empty form?

What happens if in a field of size 50 characters we enter 100 characters?

9

Page 10: 11. Practical Project - Demo - ASP.NET Web Forms

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезания

ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGap

free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно

?

? ? ??

?? ?

?

?

?

??

?

?

? ?

Questions?

?

Practical Project - Demo

http://academy.telerik.com

Page 11: 11. Practical Project - Demo - ASP.NET Web Forms

Free Trainings @ Telerik Academy

ASP.NET Web Forms Course aspnetcourse.telerik.com

Telerik Software Academy academy.telerik.com

Telerik Academy @ Facebook facebook.com/TelerikAcademy

Telerik Software Academy Forums forums.academy.telerik.com

11