Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 14 Minute(s)
Language
English
Taught by
Ehizeex Okwuose
Rating
Course Overview
Develop a Real-World Responsive Portfolio Website with Email Functionality using React.js, Bootstrap, RxJS, and Node.js
In this course, you will master the development of stunning web applications using React JS, Bootstrap, RxJS, Node.js for the backend, and several essential libraries. I’ll guide you step by step, starting from the basics all the way to deployment.
By the end of this course, you’ll be able to:
Deploy your website on Heroku.
Push and manage your source code on GitHub.
Create dynamic navigations.
Implement smooth scrolling and fade-in animations.
Use the React Owl Carousel to build testimonial sliders that move across the screen.
Add typing effects that change text dynamically based on timing.
Generate downloadable PDF files, such as a resume download button.
Build call-to-action buttons using RxJS.
Differentiate between Subjects and Observables, and understand how to subscribe to them across components.
Work with Subjects, a special type of observable that allows values to be multicasted.
Set up email functionality using Node Mailer.
On the backend, you’ll learn how to work with essential packages and tools such as:
Nodemon (Node Monitor)
CORS (Cross-Origin Resource Sharing)
Concurrently
Express.js
You will also gain hands-on experience in creating Middleware.
All source code and materials used in this course will be available in the resources section.
Welcome to The Ultimate React JS Portfolio Web Development Course!
Course Content
- 10 section(s)
- 55 lecture(s)
- Section 1 Introduction
- Section 2 Course Update (Very important Update)
- Section 3 Home Component
- Section 4 RxJs
- Section 5 Header Component
- Section 6 ReUseAble Component
- Section 7 About Me Component
- Section 8 Resume Component
- Section 9 Testimonial Component
- Section 10 Contact Me Component
What You’ll Learn
- React Hooks (basics)
- Bootstrap (basics)
- Mobile Friendly Development (Mobile Responsiveness)
- How to deploy project to Heroku
- Push Source code to GitHub
- Node mailer (how to implement email functionality using NodeMailer)
- React Type Effect using React Typical
- Smooth Scrolling
- RxJs
- Fade In Animation
- Downloadable file (pdf)
- React Owl Carousel
- React Toastify (basic)
- Node Js and Express js (basic)
- Professional Web Design
Skills covered in this course
Reviews
-
LLynn Wong
- Lessons towards the middle becomes really dry and instructor add code with minimal explanation. It may as well just let you paste the code from GitHub. - Use insecure way to connect to your Gmail account for receiving contact email. - Respond to question is not professional and keep running circles. - Many typos occur in the code, which a professional instructor would re-record it or at least add subtitles as reminder. If you really focus on the course, you can spot many of them, but just makes the course unprofessional.
-
GGaby Aussie
Honestly, I am very disappointed with this course and I absolutely do not recommend it. A lot of the content is outdated and will require you to find other solutions on Google (especially for the carousel animation in the testimonials section, the gradual display of names, etc.), the professor can code for several minutes in a row without ever explaining or testing his code, which is very bad practice. And it is even more problematic when he makes a lot of typos. I spent I don't know how much time re-reading everything and trying to find the errors since he doesn't show the corrections he makes to his code off-camera. To conclude, I didn't even manage to deploy my site. I have exactly the same code and nothing worked. And as you will see in the Q/A section, many others have had the same problem and his only answer is: "compare your code with mine". In short, a beautiful waste of time and money.
-
AAlian Andahur Colpiante Rumian
I really like your lessons and this portfolio. This just need an update about heroku because isn't free anymore, so I am waiting for that update here. Great job and Greetins from Chile!
-
SSaurav Thakur
This course provided an in-depth exploration of React.js and how to leverage its power to create a stunning and functional portfolio website. I found the course to be well-structured, comprehensive, and immensely helpful in expanding my knowledge and skills in web development. The instructors did an excellent job of explaining the core concepts of React.js. He provided clear examples and step-by-step instructions, making it easy for beginners like me to grasp the fundamentals and start building my own portfolio website from scratch and also covered essential topics such as responsive design. I learned how to structure my code, implement reusable components, and leverage React.js libraries and tools to enhance the functionality and visual appeal of my portfolio website. One aspect that truly made this course exceptional was the invaluable support and guidance from Ehizeex. Whenever I encountered doubts or faced challenges, Ehizeex was always available to provide assistance. His expertise in React.js and their willingness to address my queries helped me overcome obstacles and gain a deeper understanding of the course material. In conclusion, I highly recommend this course to anyone interested in creating a professional and dynamic portfolio website. The course equips learners with a strong foundation in React.js and empowers them to build impressive websites that showcase their skills and achievements effectively. The instructors' expertise, the comprehensive curriculum, and the exceptional support make this course a valuable resource for aspiring web developers seeking to create impactful portfolio websites using React.js.
