The Complete 2023 Web Development Bootcamp on Udemy is an educational program designed for individuals aspiring to become full-stack web developers. The course is instructed by Dr. Angela Yu, the renowned lead instructor of the App Brewery, a premier in-person programming boot camp based in London.
Through this course, I have had the opportunity to explore and learn various technologies, tools, and frameworks that have been instrumental in my journey towards becoming a full-stack web developer. Some of the key areas I've delved into include:
-
Front-end Development: The course provided a comprehensive understanding of front-end technologies such as HTML, CSS, and JavaScript. I gained proficiency in building interactive and responsive user interfaces that enhance the overall user experience.
-
JavaScript Frameworks: I had the chance to work with popular JavaScript frameworks like React.js, enabling me to create dynamic and robust web applications. These frameworks provided me with powerful tools to handle state management, component-based architecture, and efficient rendering.
-
Back-end Development: The course equipped me with the skills to develop server-side applications using frameworks like Node.js and Express.js. I learned about routing, middleware, and handling server-side logic, allowing me to build scalable and efficient back-end systems.
-
Databases: Understanding how to work with databases is crucial for full-stack development. The course introduced me to both SQL and NoSQL databases like MySQL and MongoDB. I gained insights into data modeling, querying, and performing CRUD operations, enabling me to store and retrieve information efficiently.
-
Authentication and Security: In this course, I gained valuable knowledge about concepts such as hashing and encryption. I also learned to implement third-party authentication, such as Google Sign-In, enabling users to authenticate using their Google accounts, through packages like passport. This knowledge greatly enhanced my understanding of safeguarding user accounts and reinforcing the overall security of web applications.
-
Version Control and Collaboration: I learned the importance of using version control systems like Git, which allowed me to track changes, collaborate with others, and manage project history effectively. I also became familiar with platforms like GitHub, where I could host my repositories and collaborate with other developers.
-
Deployment and Hosting: The course covered the process of deploying web applications, using platforms like Heroku. I learned about configuring servers, setting up environments, and ensuring proper deployment of both front-end and back-end components.
-
Web3 Development and Smart Contracts: This course provided me with an introduction to Web3 development using Motoko, a programming language for building decentralized applications on the Internet Computer. I learned how to create smart contracts and deploy them on blockchain networks. This knowledge opened up possibilities for me to explore the world of blockchain, decentralized finance (DeFi), and decentralized applications (dApps), allowing me to contribute to the growing ecosystem of Web3 technologies.
Throughout the course, I have completed multiple projects, both with guidance from video lectures and independently. This repository includes all the projects I have worked on, ranging from small assignments to more significant undertakings. Although there are numerous projects in this repository, I will showcase a few notable ones below.
The Simon game app is a digital adaptation of the classic memory game, Simon. It challenges players to remember and replicate a sequence of colors and sounds.
The core learning outcomes from creating this app include gaining proficiency in jQuery, improving JavaScript syntax, and understanding fundamental concepts such as event handling, DOM manipulation, and game logic implementation. Through this project, I deepened my knowledge of front-end development and honed my skills in creating interactive and engaging web applications.
Check out the application here!
Source code and full documentation can be found here.
This project is a RESTful API built with Express.js and MongoDB, providing users with access to routes for making API calls to a database resembling Wikipedia. It enables various operations, including retrieving articles, creating new ones, updating existing articles, and deleting articles.
Through working on this project, I gained hands-on experience in building RESTful APIs using Express.js and integrating them with a MongoDB database. I learned how to create and handle routes, implement CRUD operations, and ensure data persistence. This project deepened my understanding of backend development, API design principles, and working with databases.
Source code and full documentation can be found here.
The Secrets authentication app provides a secure platform for users to register, login, and share secrets anonymously. By building this app, I acquired essential knowledge in authentication mechanisms, including password hashing, encryption, and user session management.
The core skills I developed while working on this project include implementing authentication with Passport.js, handling user registration and login, and securely storing sensitive information. This project allowed me to enhance my understanding of user authentication and security measures in web development, equipping me with valuable skills for building robust and secure applications.
Source code and full documentation can be found here.
Keeper is a React-based note-taking app that enables users to create, edit, and organize their personal notes seamlessly. This project provided valuable insights into React development, including state management, component-based architecture, and efficient rendering. By working on Keeper, I deepened my understanding of React syntax, JSX, and React hooks, which allowed me to create dynamic and responsive user interfaces.
Not only that, building the Keeper app also provided me with an opportunity to learn and utilize Material-UI. By incorporating Material-UI into the Keeper app, I gained proficiency in using its components to create a visually appealing and consistent user interface.
Note: I am currently in the process of integrating this app with a database to transform it into a fully-fledged project.
Check out the application here!
Source code and full documentation can be found here.
Dr. Angela Yu for her comprehensive web development bootcamp course, which served as the foundation for all the projects found here. Visit her Udemy profile here!