Coding Bootcamp- Build Website with React js and tailwind CSS
Tue, Aug 13
|Zoom- Webinar
Learn by Building: Corporate Website with React js and tailwind CSS. Learn from the industry expert.
Time & Location
Aug 13, 2024, 9:00 PM – 10:30 PM GMT+8
Zoom- Webinar
Guests
About the event
Join our whatapp group for more update about the bootcamp: Join Here
This bootcamp project will guide you the fundamentals of building a professional corporate website through a hands-on, project-based approach. By the end of the course, you'll have a fully functional website showcasing your newfound skills with React js and tailwind CSS.
The primary objective of this bootcamp is to guide you on the learning by Building: Corporate Website With React js and tailwind CSS
By the project's end, you'll be able to:
- Learn the fundamentals of building websites with React.js
- Gain practical experience by constructing a corporate website.
- Master component creation and data flow using Props.
- Implement basic interactivity with state management (useState hook).
- Integrate Tailwind CSS for rapid and responsive styling.
- Understand deployment options for React applications.
- Project Setup & Basic Layouts:
- React Fundamentals (components, JSX)
- Setting Up Development Environment (Node.js, npm, Create React App)
- Building Website Structure (header, navigation, footer) using React components
- Passing data between components with Props
- Implementing basic website styles with Tailwind CSS
- Page contents:
- Building Page Content Components
- Building interactive components
- Routing for multiple pages
- Functionalities and others:
- Adding interactive features
- Creating responsive design with Tailwind CSS media queries
- Deployment options for React applications
- Course Recap & Resources for further learning
Upon successful completion of this bootcamp project, you will have:
- Understand core React concepts (components, JSX)
- Build a multi-page corporate website with React components
- Implement navigation using React Router (optional: handle user input)
- Apply basic styling with Tailwind CSS
- Create a responsive website layout using Tailwind media queries (optional: add UI enhancements)
- Gain knowledge of deployment options for React applications