Topic 8 – Introduction to Web Application Development

Why do I need to learn about web application development?

Desktop applications are very powerful and convenient but their development, deployment and maintenance are daunting.

The reason is that the platform dependency makes it very expensive to create a desktop application working on different versions of different operating systems, such as Windows, Linux and Mac OSX.

Deployment and updates of desktop application typically require high privileges access to a computer machine, causing a problem for companies requiring high security.

Fortunately, you can overcome these limitations by creating a web application running on a browser. To create a web application you need to learn about web application development.

What can I do after finishing learning web application development?

You will be able to create web applications like The BBC News, The WordPress Blog or The White House Website.

This is exactly what I want to learn! What should I do now?

Web application development requires a lot of reading. You have to master networking concepts, HTML, CSS, JavaScript, a programming language and a database management system for web.

First, please read the two books below to get familiar with web application development concepts, and gain hands-on experience with HTML and CSS.

After that,  please read the two books below to learn in-depth about HTML and CSS.

JavaScript is the language for web development because it is implemented in most of the web browsers. Strong knowledge of JavaScript will ease your web development learning very much. Please read the books below to learn about JavaScript.

Single page application is the default front-end choice for most of new web development projects.
Please read the books below to learn how to create a single page application (SPA).

After that, please read the books below to learn how to create micro-frontends.

After that you will have 4 main options. You can choose one of them. We STRONGLY recommend that you choose only ONE option.

You should NOT learn all of them at the beginning. You could save your time by digging into only one option. After mastering the selected technology, you will realize that all of them are very similar in the sense of use.

One note is that although their concepts are similar to one another but it still takes us much time to learn how to apply an approach to real world web application.

When developing a real world web application, you often use only one or two of these 4 approaches. If you cannot make your own selection then we recommend you
– a combination of the first and second option, or
– a combination of the first and third option, or
– a combination of the first and fourth option.

The first option is PHP world.  Please read one of the following books to learn how to create web applications using PHP:

After that, After that, if your projects use WordPress, you may read this book: Brad Williams et al. (2015). Professional WordPress: Design and Development. Wrox.

The second option is ASP.NET. Please read the two books below to learn how to create web applications using ASP.NET:

A complementary part for this option is ASP.NET Web Forms that is a technology that you need to master if you are maintaining a legacy project. Please read this book to learn about ASP.NET Web Forms: Imar Spaanjaars (2014). Beginning ASP.NET 4.5.1 in C# and VB. Wrox.

The third option is Java world. If you are not familiar with Java language then please read the two books below first:

After that, please read one of the following books to learn how to create web applications using Java.

After that, please read this book to learn how to speed up Java web application development using Spring Boot framework: Mark Heckler (2021). Spring Boot – Up and Running – Building Cloud Native Java and Kotlin Applications. O’Reilly Media.

The 4th option is Node.js world. Please read the two books below to learn how to create web applications using Node.js:

There are also several other options that you may consider if you are required to learn them for maintening a project.
These options include:
Ruby on Rails, please read this book: Michael Hartl (2020). The Ruby on Rails Tutorial. Addison-Wesley Professional,
Flask, please read this book: Miguel Grinberg (2018). Flask Web Development: Developing Web Applications with Python. O’Reilly Media,
Django
.

IIf you need to convert a web application from one platform to another or create a web application framework, please read the two books below to learn about the architecture of web applications:

It seems that there are many topics to learn. I am completely new to web programming. What essential knowledge should I focus on to reduce my learning time?

You could focus on these topics first:

  • How to install necessary tools and create a Hello World application.
  • What is the physical structure of a project and how to build it using both IDE and command line?
  • How to deploy an application to a cloud virtual machine and access it via an URL.
  • How to create UIs, transfer data between UIs, compose new UI using existing UIs using frameworks and libraries.
  • How to use built-in or 3rd party libraries to interact with external databases and external services.
  • How to integrate with other web services using standards.

Terminology Review:

  • Networking
  • HTTP
  • HTML
  • Cascading Style Sheets (CSS)
  • CGI
  • Web Applications
  • Multiple Page Application
  • Single-Page Application (SPA)
  • RESTful APIs
  • gRPC APIs
  • GraphQL APIs
  • XML
  • SOAP APIs
  • Web Application Frameworks
  • Portal Frameworks
  • Content Management System (CMS)
  • Payment Gateways

After finishing web application development, please click on Topic 9 – Introduction to Mobile Application Development to continue.

 

(Visited 99 times, 1 visits today)

Leave a Reply