Week of Web: A hands-on tutorial to become a full stack web developer in a week
This is the first article of the series Week of Web (or in short #WOW), where we will start from absolute beginner to web development and by the end of the week we will learn web technologies like HTML, CSS, JavaScript, NodeJS and Firebase Firestore to build a complete full-stack application. We will also host our code repository on GitHub using Git as well as host our application using Heroku.
So, are you ready to explore the world of web development? Comment #WOW below to show your enthusiasm.
In this article, we will discuss what are the topics we are going to learn throughout this week and also we will set up our development environment.
What is Full-Stack Development?
Full-stack development is designing and developing the complete architecture of both the frontend and backend of an application.
Why should you learn full-stack development?
- You get to master all the vital skills a developer must know
- You unlock a bunch of diverse opportunities
- You are the backbone of the whole software solution
- High paying full-stack developer salaries
Responsibilities of a full-stack developer include but is not limited to:
- Working with product managers to ideate solutions
- Designing the client-side and server-side architecture of an application
- Designing the frontend of an application with appealing visual elements
- Developing the backend of an application effective APIs
- Developing and administrating the database of an application
- Testing, debugging, troubleshooting and updating an existing application
- Manging security and protecting data
- Ensuring stability and optimal performance of the whole solution
Scary right?
Don't worry, we will be covering all the responsibilities of full stack developer step by step.
Okay so how do we do this?
In this series, we will be learning the following technologies that will help you become a full-stack developer in a week.
Yes you heard it right, in a week!
So start your engine and lets race through it!
- Setting up your development environment
- Version Control System, Git and GitHub
- Basics of Frontend Architecture
- Creating documents with HTML
- Styling your document with CSS
- Basics of JavaScript
- Document Object Model
- Basics of Backend Architecture
- Getting Started with Server-Side Scripting using Node.js
- The middleware, Express.js
- Databases, Firebase Firestore
- Hosting your application using Heroku
We will be creating a ToDo list application while explaining all the concepts and giving a detailed hands-on tutorial to each technology. Click on the links above sequentially to get started with the tutorial.
Happy Learning!
That’s all for now folks. This is Vinayak Tekade from Coder’s Capsule in collaboration with Developer Student Clubs Amrita School of Engineering Bengaluru signing off.
Follow me on LinkedIn and Twitter.
Looking forward to learn, teach and grow together. Check us out on Instagram for more similar content.
