Labels

javascript (9) css (3) babel (1) nodejs (1) webpack (1)

Friday, November 25, 2016

How to Make a Web App Part 1 - Introduction

My goal with this series is to walk a beginner or novice through the process of creating a web application. This isn’t meant to increase your proficiency beyond that of a beginner with any language but to give a starting point that can be built upon. I will delve into HTML, CSS, and JavaScript to teach the basics but there are plenty of books written on these that will explain the concepts in much more detail than I will so I am relying on the reader to use other resources to increase their skills.

What I will do, however, is teach the necessary parts of the languages and in a different way than I learned. I learned HTML way back in the early 2000s and picked up CSS and JavaScript at a much more involved level much later when I got into Web apps. In each of the books I read, I learned how the language worked and what you could do with it. I then relied on years of practice, research, and college to learn best practices and processes. For example, when I learned JavaScript I did not learn how to write it to be testable. This was something I picked up later. I also didn’t have a process in place to go from nothing to a web app.

All that being said, I want to bring the reader through the process of building a web app with these things in mind. If you are new to JavaScript, I will teach the basics alongside testing. I will bring in user stories and sprints to help the reader not just learn JavaScript, but how to use it effectively to create an application. Again, this is something I scoured the internet and attended college classes to try and bring together. I want to teach everything I learned from the very beginning. I will not go very deep with any of these concepts but my hope is the reader will get a general idea of what it takes to make an app and then expand their knowledge using other resources to build anything they wish.

With that in mind, we will get started with the basics of building a web page and then expand upon it from there as we build a simple web app. Enjoy!

Up next: User Stories

No comments:

Post a Comment