More Related Content
Similar to Web Application Development. Web Application Frameworks (20)
Recently uploaded (20)
Web Application Development. Web Application Frameworks
- 2. Contents - What is Web Application Development - Examples of Web Applications - Web Application Development Process - Web Application Frameworks - Pros and Cons of Web Apps
- 3. What is a Web Application A web application, often referred to as a web app, is an interactive computer program built with web technologies (HTML, CSS, JS), which stores (Database, Files) and manipulates data (CRUD), and is used by a team or single user to perform tasks over the internet. CRUD is a popular acronym and is at the heart of web app development. It stands for Create, Read, Update, and Delete. Web apps are accessed via a web browser such as Google Chrome, and often involve a login/signup mechanism.
- 4. Web application vs website The key difference is how we interact with each. Web applications are defined by their input - we create, read, update and delete data within a web application. Websites are defined by their output - we read the news, marketing information and etc.
- 5. Progressive web applications Progressive web applications are a newer type of web application which behaves like and often outperforms native applications. They can be downloaded to your device, and stored on your homescreen which makes them accessible, and ‘native-like’, and unlike web applications they can be accessed and used offline.
- 6. Web Application Examples Netflix One of the top video-streaming platforms is also a web app. Netflix allows paying users to watch movies and tv shows on-demand with no limitations. Netflix illustrates how web apps are ideal as content platforms.
- 7. Trello This web app replaces brightly-colored post-its with a digital solution that enables the organizing and tracking of tasks. Trello enables team collaboration for more effective project management. Collaboration is one of the most common functions of web apps, allowing multiple people to work on a single dashboard.
- 8. Microsoft Office Originally, the Microsoft Office Suite (Word, Excel, Powerpoint, etc.) has to be installed onto your computer, with saved files on your hard drive. Like Google Workspace, Microsoft Office is now a hugely popular online suite of products with Word, Excel, and PowerPoint available as web apps. Collaboration is easy since users can securely work on shared files online, and collaborative tools like Teams are now part of the suite.
- 9. Web Application Development Process 1. Define the problem you are solving. 2. Plan the workflow of your web app. 3. Wireframe/prototype your web application. 4. Receive Validation. 5. Choose your firepower. 6. Build your web application. 7. Test your web application. 8. Host and deploy your web application.
- 10. Web Application Development Frameworks The purpose of frameworks is to make web application development easier and faster than coding a web app from scratch.
- 11. Backend frameworks Rails Rails describes itself as ‘a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern’. Rails is a great framework for metaprogramming (where a computer program can treat other programs as their data) and database orientated web programming.
- 12. Django Django describes itself as a ‘high- level Python Web framework that encourages rapid development and clean, pragmatic design’. It is advised for anyone who is working scientific programming or data manipulation to choose Django.
- 13. Laravel Laravel describe itself as ‘a web application framework with expressive, elegant syntax. Laravel is written in PHP - a programming language. Laravel follows the model-view-controller architectural pattern’. Laravel has a lot of tools making it accessible and simple to use. It is well suited for multiple types of applications.
- 14. Frontend Frameworks React React simply describes itself as ‘a javascript library for building user interface’. It is a powerful frontend library created and maintained by Facebook. Of all the frontend frameworks listed, React is the most popular and powerful. It is well suited for large-scale web projects.
- 15. Vue Vue describes itself as ‘the progressive JavaScript framework’. Vue is smaller in size and easier to learn than React, and is good for most sizes of projects. It’s also easy to implement into a project which is helpful.
- 16. Angular AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write.
- 17. Advantages of Web Apps 1. High Portability. Users can access web apps from any device. Basically web apps are entirely multi-platform. They provide users with an entertaining exchange no matter the operating system, whether that be Android, iOS, PC, etc. so long as users maintain an internet connection.
- 18. 2. More Convenience. Web apps do not need to be downloaded and installed. Or in the case of PWAs, the download and installation won’t be the equivalent of the app actually taking up space on your device. This reality also frees users from the obligation of constant updates. 3. Easier Development. Web application development platforms are a super-fast and easier way to build web applications. They remove many of the complexities experienced with coding, and replaces them with a simple to use user interface.
- 19. Disadvantages of Web Apps 1. Reduced Speed. Despite all the praise, web apps cannot replace mobile apps and will operate a bit slower than an application that is hosted on a local server. PWAs definitely try to mitigate this side effect, but there’s no veritable evidence that they’ve successfully eliminated this disadvantage altogether.
- 20. 2. Decreased Access. Generally, web apps need internet access to perform well or in most cases, to perform at all. Though PWAs do deter from this typecast, the most interactive of web apps will not respond if you don’t have a web connection. 3. Limited Functionality. Native technology will always carry an advantage over non-native technologies. Since web apps aren’t native, they don’t have the same capacity to collaborate effectively with the hardware and operating system of your specific device.