This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
The first project we’ll build in the 2022 Full-Stack Web Development Bootcamp (signups open March 29, bootcamp starts on April 05) is a landing page.
What’s a landing page?
It’s a website that has the goal of presenting something to someone that has never heard of it.
And quickly present the benefits and how what we created can solve their problems.
Plus the practical information like showing prices, having a signup and login form, having a company blog etc.
Gradually expanding from “just a landing page” to a “website that people see and get to know our web app”.
After seeing that they will decide if it’s worth signing up to the applications.
This project is interesting because we can apply what we learn here to all the other projects we’ll build in the bootcamp. Every web app needs a website that explains what’s it all about.
We’ll start with this project because the bootcamp starts from zero and this is a great way to introduce to HTML and styling a page with Tailwind CSS.
It’s a great way because it’s not too simple to be interesting.
And it’s also not too complicated to require too much explanation beforehand.
Typically in the Bootcamp, after the first weeks where we’ll introduce concepts, we’ll work on one project every week. This strict time boxing lets us practice and become really familiar with how to create applications.
This project however will span over a few different weeks.
The first time we’ll work on this is in week 2. We’ll start week 1 by introducing HTML and Tailwind, the essentials you need to get started.
Initially we’ll build the the project with Astro, which is a static site builder that’s excellent at introducing to a JSX-like syntax without having to learn JavaScript.
We’ll build a few pages of our “landing page” and we’ll learn how to deploy that site to the Internet.
After learning JavaScript and “JavaScript in the browser” in week 3, we’ll be ready to get back to our landing to create a signup form and a login form that talk to a Node.js backend.
And when we’ll learn what components are, we’ll introduce components to our landing site.
Finally, this will be the first React + Next.js website because once we learn the basics of React and Next.js, we’ll move the site from Astro (which is great to familiarize with everything we said so far without feeling overwhelmed) to Next.js.
So this “landing page” project will be with us all throughout the first 5 weeks of the BOOTCAMP.
Then we’ll introduce databases and we’ll go full speed into one different project every week.
It will help us go from zero to:
- we know how to use HTML
- we know how to use Tailwind CSS
- we know how to use components
- we know how to use JavaScript
- we know how to use React
- we know how to use Next.js
..without getting distracted by “we’ll work on something different now” and we have to switch focus. Instead, we’ll move up in our “learning ladder” with the same flexible project.
The goal of it is to be a learning tool, but still interesting and useful because every project you’ll ever build will be in need of a landing page.
Everything on the Internet starts from “we have this interesting idea and we need to present it to the world”.
That’s our LANDING PAGE project.
Remember to sign up to the waiting list at https://bootcamp.dev
This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
flaviocopes.com | Sciencx (2022-02-15T05:00:00+00:00) BOOTCAMP project: LANDING PAGE. Retrieved from https://www.scien.cx/2022/02/15/bootcamp-project-landing-page/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.