Instructor: Brett
Semester: 2024 Spring
- INFO 6250: Web Development Tools and Methods - Web Note Repository
- 📑 Table of Contents
- 📝 Course Overview
- 📚 Weekly Notes
- Week 1: Introduction to Web Development
- Week 2: HTML & CSS Fundamentals
- Week 3: JavaScript Basics
- Week 4: Node.js and NPM
- Week 5: Express.js and REST APIs
- Week 6: Frontend Frameworks (React)
- Week 7: Database Integration (MongoDB)
- Week 8: Authentication and Security
- Week 9: Deployment and DevOps
- Week 10: Final Project Workshop
- 🔧 Tools and Resources
- 📂 Project Structure
INFO 6250 is a hands-on course that focuses on modern web development tools and methods. The course covers both frontend and backend technologies, including HTML, CSS, JavaScript, Node.js, Express.js, React. Students will learn to build full-stack web applications and deploy them using industry-standard practices.
Key Topics:
- Frontend Development (HTML, CSS, JavaScript, React)
- Backend Development (Node.js, Express.js, REST APIs)
- Authentication and Security
- Deployment and DevOps
- Topics Covered:
- Overview of Web Development
- Client-Server Architecture
- HTTP Protocol and RESTful APIs
- Introduction to Git and GitHub
- Key Takeaways:
- Understand the basics of how the web works.
- Learn to use Git for version control.
- Resources:
- Topics Covered:
- HTML5 Semantic Elements
- CSS Selectors and Box Model
- Flexbox and Grid Layouts
- Responsive Design
- Key Takeaways:
- Build structured and responsive web pages.
- Use CSS for styling and layout.
- Resources:
- Topics Covered:
- JavaScript Syntax and Data Types
- Functions and Scope
- DOM Manipulation
- Event Handling
- Key Takeaways:
- Write basic JavaScript to interact with the DOM.
- Understand event-driven programming.
- Resources:
- Topics Covered:
- Introduction to Node.js
- NPM and Package Management
- Building a Simple Server
- Topics Covered:
- Introduction to Express.js
- Routing and Middleware
- Building RESTful APIs
- Key Takeaways:
- Create a backend server using Express.js.
- Design and implement REST APIs.
- Resources:
- Topics Covered:
- Introduction to React
- Components and Props
- State and Lifecycle
- Key Takeaways:
- Build dynamic user interfaces with React.
- Understand component-based architecture.
- Resources:
- Topics Covered:
- Introduction to MongoDB
- CRUD Operations
- Integrating MongoDB with Express.js
- Key Takeaways:
- Store and retrieve data using MongoDB.
- Connect MongoDB to a Node.js backend.
- Resources:
- Topics Covered:
- User Authentication (JWT, OAuth)
- Password Hashing
- Secure API Design
- Key Takeaways:
- Implement user authentication and authorization.
- Secure web applications against common vulnerabilities.
- Resources:
- Topics Covered:
- Deployment Strategies
- CI/CD Pipelines
- Cloud Platforms (Heroku, AWS, etc.)
- Key Takeaways:
- Deploy web applications to production.
- Set up CI/CD pipelines for automated testing and deployment.
- Resources:
- Topics Covered:
- Final Project Presentations
- Code Reviews and Feedback
- Key Takeaways:
- Showcase your full-stack web application.
- Receive feedback and improve your project.
- Frontend:
- HTML, CSS, JavaScript
- React
- Backend:
- Node.js, Express.js
- Database:
- MongoDB
- Version Control:
- Git, GitHub
- Deployment:
- Heroku, AWS, Netlify
tbc