Advanced Web Applicatio Design Patter. Rupak Raj Ghi

Transcription

1 Advanced Web Applicatio Design Patter Rupak Raj Ghi Pratham IT System Pv

2 Bio #ComputerEngineer #SoftwareEngineer #Developer Education: #ME CE (KU) Experience: 6 yrs. Bee IT System, Department of Land Information and Archive (GoN), Softech Foundation, PITS Expertise: #.NET #PHP #Android #JS Projects Research Field Text to Speech Synthesis for Nepali Languages

3 Startup I assume, audience already have an idea on HTML CSS JavaScript Programming Languages Web Server How Web site works?

4 Agenda Website and Web applicat tions Web application Architectural Patterns Modern Web Apps Develo opment Modern Tools for Web Apps How to start a carrier?

5 Website and Web Apps Differences Components La nguages

6 Website vs. Web Application

7 Web Applicat tion Components My SQL Ms SQL Oracle PostGreSQL SqLite Apache IIS Tomcat Glass Fish Rails

8 Programming gweb Apps? No problem Client Side Front End JavaScript and JS Frameworks, JQuery, Dojo, Sencha, etc Flash, Silverlight, li etc. Server Side Back End PHP,.NET (ASP.NET, C#), Java (JSP, Servlets, Applets), C/C++, Python, Ruby on Rails, Perl, etc

9 What most popula p ar websites are using? /Programming_languages_used_in_most_popular_we

10 Architecture of Modern Web Apps Client Server Tier Architecture Service e Oriented Architecture(SOA) re(soa) MVC (Model View Controller)

11 Client Server Architecture Simple but widely used in networked environment Database File SMS

12 Tier Architecture Client server architecture in which presentation, ti application processing, and data management functions are logically separated Separation of concerns Reusability Interoperability

13 Tier tools/languages g

14 Being used for interoperability Eg. Service Oriented Architecture Banking(Utility bills) Telecomm.

15 Current Trend in web apps MVC MVC Model View Controller

16 MVC How it works? Model: Handle the backend Databases View: Presentation to Use ers UI Controller Mediator between User, Model and View

17 MVC Testability Testable Coding Patterns Easy to test the applications Unit Testing Integration Testing System Testing

18 MVC Separa ation of Concerns The process of breaking a computer program into distinc features that overlap in functionality as little as possible Improves code clarity an nd organization Helps troubleshooting by isolating issues Allows for multiple teams to develop simultaneously

19 MVC Code Reusability Shortens development Code Libraries Design Patterns Frameworks

20 MVC Extensibility Modularized through plug gins Easy to add New Model, View and Control ller

21 Modern Web Ap pp Development Current Trends Carrier Startup

22 Trends Open Source Lots of tools are available in web Most of the web tools and techniques are Open com m/ You Can, Download them and use as per your need Only need to attribute the author, no more..

23 Trends Frameworks JavaScript (Sencha, Jquer ry, etc..) HTML (JqueryUI) Database (Entity Framework, Hibernate etc.) Programming (ASP.MVC, CodeIgniter(PHP) etc.) Makes your life easier

24 Trends JS, UI & CSS Frameworks JQuery: Write less do more HTML (JQueryUI) BootStrap (HTML5 and CSS) tb t t m/ On the fly Testing Testing makes easier

25 Trends Cross Platform Apps Same apps for Desktop, Laptop, p, Tablet, Mobile etc. Same apps for Android, Windows and io OS Developed using Cross platform development engines Tools: PhoneGap, Cordova etc Frameworks: JQM, Senc ha etc

26 Trends Programming g Multiple languages for same apps Server Side ASP.NET (MVC & Web API) PHP (CodeIgniter) JAVA (Spring) NodeJS Python (Dijango) Client Side JS, HTML5 and CSS3

27 Carrier on Web Developer. Job: No problem, lots of openings Earning: Depends on skill, performance and dedication How? Start learning today

28 Useful links MVC Model View Controlle Model View Controlle step by step in com/

29 Need a help? Contact me rughimire@gmail.com

30 Thank you