Standards in this Framework
| Standard | Lessons |
|---|---|
|
1.1.1
Examine the roles and responsibilities of various web development professionals (e.g., Front-End Developer, Back-End Developer, and UX/UI Designer) within the web development industry. |
|
|
1.1.2
Utilize common web development project management methodologies (e.g., Agile and Waterfall) within a web development project. |
|
|
1.1.3
Analyze ethical considerations and legal requirements in web development, including data privacy (e.g., GDPR, CCPA), accessibility (e.g., WCAG), and security. |
|
|
1.1.4
Apply version control principles and best practices using a version control system (e.g., Git) to manage project files and facilitate collaboration. |
|
|
1.2.1
Create project documentation (e.g., wireframes, user stories, and details of feature implementation) for web application projects. |
|
|
1.2.2
Create technical documentation (e.g., API documentation and user manuals) for web application projects. |
|
|
1.2.3
Create and maintain a portfolio to showcase completed web applications and demonstrate acquired skills. |
|
|
2.1.1
Investigate the role of the internet and web applications in various aspects of modern society (e.g., communication, commerce, education, and entertainment). |
|
|
2.1.2
Compare different types of web applications and their intended purposes (e.g., blogs, social media, e-commerce, streaming services, and informational sites). |
|
|
2.1.3
Describe common components of the internet ecosystem and their functions (e.g., DNS, cloud services, content delivery networks (CDNs), and APIs). |
|
|
2.2.1
Describe the roles of DNS, web browsers, web servers, databases, and search engines in the delivery of web content. |
|
|
2.2.2
Explain how a client and server interact in a client-server model. |
|
|
2.2.3
Illustrate the HTTP/HTTPS request/response cycle, including common status codes |
|
|
3.1.1
Apply principles of user interface (UI) and user experience (UX) design. |
|
|
3.1.2
Create wireframes, mockups, and/or prototypes to plan and visualize the design, layout, and structure of web applications. |
|
|
3.2.1
Use HTML5 structural elements (e.g., article, aside, nav, header, footer, main) to define the semantic structure of a web application. |
|
|
3.2.2
Implement responsive web design principles using media queries and flexible layouts. |
|
|
3.2.3
Construct forms using HTML form elements and attributes. |
|
|
3.2.4
Implement navigation techniques (e.g., navigation menus, internal/external/anchor links, and programmatic) to enable user movement within a web application. |
|
|
3.3.1
Apply principles of UI and UX design (e.g., visual hierarchy, contrast, balance, color theory, and typography) to create web page layouts. |
|
|
3.3.2
Write CSS using established methodologies to ensure maintainability and organization. |
|
|
3.3.3
Design and implement responsive web page layouts using common CSS layouts (e.g., Flexbox and Grid). |
|
|
3.3.4
Compare different CSS frameworks (e.g., Bootstrap and Tailwind) and their impact on development speed and web application responsiveness. |
|
|
4.1.1
Manipulate the Document Object Model (DOM) to dynamically update web page content. |
|
|
4.1.2
Respond to user actions and events using JavaScript event handling. |
|
|
4.1.3
Validate user input to ensure data integrity and a smooth user experience. |
|
|
4.1.4
Handle client-side errors gracefully and display user-friendly error messages. |
|
|
4.2.1
Compare common JavaScript frameworks or libraries (e.g., React, Vue, or Angular). |
|
|
4.2.2
Structure and organize client-side code using a JavaScript framework or library. |
|
|
4.2.3
Retrieve data from external sources using JavaScript. |
|
|
4.2.4
Handle asynchronous operations in JavaScript, including those related to data retrieval. |
|
|
4.2.5
Utilize the form handling and validation capabilities of a JavaScript framework or library. |
|
|
5.1.1
Develop server-side scripts using a chosen programming language and web framework (e.g., Node.js with Express, Python with Flask or Django, PHP with Laravel, or Ruby on Rails). |
|
|
5.1.2
Implement RESTful routing and request handling to manage HTTP methods (e.g., GET and POST). |
|
|
5.1.3
Implement server-side input validation and sanitization to ensure data integrity and security. |
|
|
5.1.4
Implement server-side error handling and return appropriate HTTP status codes and custom error pages. |
|
|
5.2.1
Implement a user management/authentication system. |
|
|
5.2.2
Store and retrieve user-specific information securely. |
|
|
5.2.3
Manage user access and roles within web applications (e.g., admin, editor, and viewer). |
|
|
5.2.4
Secure sensitive user data (e.g., passwords) using encryption and hashing libraries. |
|
|
6.1.1
Design and implement a database schema using a database system (e.g., MySQL, PostgreSQL, or SQLite). |
|
|
6.1.2
Write database queries to perform CRUD (Create, Read, Update, Delete) operations. |
|
|
6.1.3
Integrate a database with a back-end application to store and retrieve data persistently. |
|
|
6.2.1
Retrieve data from external APIs using appropriate protocols (e.g., HTTP and HTTPS). |
|
|
6.2.2
Implement asynchronous operations when retrieving data from external sources. |
|
|
6.2.3
Parse and process data received from external APIs (e.g., JSON and XML). |
|
|
7.1.1
Select and deploy a web application to a cloud hosting platform (e.g., Netlify, Vercel, or GitHub Pages). |
|
|
7.1.2
Optimize web application performance by minifying CSS and JavaScript files and compressing images. |
|
|
7.1.3
Describe the benefits of Continuous Integration and Continuous Deployment (CI/CD) pipelines in the software development lifecycle. |
|
|
7.2.1
Compare different types of software testing used in web development (e.g., unit testing, integration testing, and end-to-end testing). |
|
|
7.2.2
Test web applications for functionality, usability, and accessibility. |
|
|
7.2.3
Debug front-end and back-end code to identify and fix errors discovered during testing. |
|
|
8.1.1
Describe common web application vulnerabilities (e.g., Cross-Site Scripting (XSS), SQL Injection, and Cross-Site Request Forgery (CSRF)). |
|
|
8.1.2
Apply common security techniques (e.g., input validation, output encoding, and secure session management) to mitigate common web application vulnerabilities. |
|
|
8.1.3
Explain the importance of HTTPS and SSL/TLS certificates in securing web communications. |
|
|
8.1.4
Describe strategies for protecting user privacy in web applications (e.g., data minimization, anonymization, and access controls). |
|
|
9.1.1
Investigate the role and potential applications of WebAssembly (Wasm) in enhancing web performance and functionality. |
|
|
9.1.2
Examine the key features and benefits of Progressive Web Apps (PWAs) in creating reliable, responsive, and installable web applications. |
|
|
9.1.3
Investigate serverless computing and its advantages in scalability, cost-efficiency, and reduced infrastructure management. |
|
|
9.1.4
Investigate the integration of artificial intelligence (AI) and machine learning (ML) in web applications (e.g., chatbots, personalized recommendations) to enhance user experiences and personalization. |
|
|
9.1.5
Analyze the role of edge computing in improving web application performance and reducing latency. |
|
