Web Development Fundamentals
Web Development Fundamentals
Embedded Files
Grade 11-12 | 07 Course
Course Description
Course Description
This credential earner demonstrates knowledge of web development concepts, processes to develop, deploy, and test websites, and the tools and programming languages that web developers use. The individual has a conceptual understanding of how to develop an interactive website using HTML, CSS, and JavaScript in a simulated integrated development environment (IDE). The earner is aware of the job outlook in web development and is familiar with the skills required for success in various roles.
Course: 12 Hours
Course 1: 1 hour 40 minutes | Course 2: 1 hour 40 minutes | Course 3: 2 hours | Course 4: 2 hours | Course 5: 2 hours 10 minutes | Course 6: 1 hour 50 minutes | Course 7: 1 hour.
Learning Objectives
Learning Objectives
Would you like opportunities to express yourself creatively on the internet? Web development is an exciting, growing field in tech. Learn the basics about the languages, tools, and processes to develop websites. Then, get hands-on practice creating an interactive task list web page in a series of simulations. Finish by gathering tips and resources that can help you launch a great career in web development.
Course 1: Web Development Basics
In this course, you’ll learn about basic computer functions and programming languages. You’ll get an overview of web development, including the scope of the two sides of web development: front-end and back-end. And you’ll learn about the difference between the internet and the World Wide Web.
Course 2: Developing Sites for the Web
In this course, you’ll learn how web developers create websites. You will learn about common web development languages including HTML, CSS, and JavaScript, and how they have evolved. You will also learn about the software development lifecycle and ways that an agile approach improves web development.
Course 3: Introduction to HTML and CSS
In this course, you will learn about the basic structure of an HTML document and common elements to build a web page. You’ll explore HTML attributes and understand the importance of organizing information. In addition, you will gain insight into CSS and explore the CSS box model. Finally, you will learn about the best practices web developers use for writing HTML and CSS.
Course 4: Bringing Websites to Life with JavaScript
In this course, you’ll learn how web developers use JavaScript with HTML to create dynamic websites. You’ll examine JavaScript syntax and how variables, functions, expressions, and events operate in JavaScript code. You’ll explore how web developers use data in websites and MySQL code to work with the data. You’ll also learn about Node.js and the advantages of using frameworks and libraries.
Course 5: Website Testing and Deployment
In this course, you will explore how developers thoroughly test website code before enabling public access to their sites. You’ll discover how teams use version control systems to speed up the delivery of new features and functionality to their users. And you’ll learn about the tools and processes developers use to streamline and simplify the deployment of their websites to their servers or the cloud.
Course 6: Develop an Interactive Task List Web Page
In this course, you’ll practice building an interactive task list web page in a series of simulations. You’ll develop code files that lay out the structure of a web page with HTML, add styles with CSS, develop interactions with JavaScript, and then test that your web page functions as expected.
Course 7: Your Future in Web Development: The Job Landscape
In this course, you’ll learn about the web development job market, the skills web developers need to be successful, and how web developers interact with other job roles on a team. You’ll also find resources and learning opportunities so you can explore more.
Skill Focus
Skill Focus
Enhance Technical Skills
After completing Web Development Fundamentals, you should be able to:
1. Identify basic computer functions, types of programming languages, the main steps to develop a website, and fundamentals about front-end and back-end development.
2. Explain the features and functions of HTML, CSS, and JavaScript and how the languages interact.
3. Identify the phases in the software development lifecycle, and the waterfall and agile approaches to web development.
4. Identify common HTML elements, HTML attributes, coding organization techniques, the CSS box model, best practices for writing HTML and CSS, and key features of an integrated development environment (IDE).
5. Identify the basic structure of JavaScript code, techniques to include JavaScript in HTML, how JavaScript enables dynamic websites, and popular database functions to store and work with website data using MySQL.
6. Identify different types of website testing, the value of automated testing, version control systems, the main steps to publish a website, continuous delivery and continuous deployment, DevOps, responsive design, cloud computing for web development and deployment, and the methods and tools used to test and automate the deployment of websites.
7. Develop an interactive web page using HTML, CSS, and JavaScript, and perform a simple functional test on a web page.
8. Recognize the job market, responsibilities and skill sets of web development professionals, and resources and learning opportunities to explore.
Course 1: Web Development Basics
- Describe the basic functions of a computer.
- Differentiate between hardware and software.
- Describe the types of programming languages.
- Explain how a computer reads code.
- Differentiate between web design and web development.
- Identify website components.
- Explain the main steps in the web development process.
- Differentiate between client-side and server-side processes.
- Identify the focus areas and common languages for front-end development.
- Identify the focus areas and common languages for back-end development.
- Differentiate between the World Wide Web and the internet.
- Explain how the cloud benefits web development.
Course 2: Developing Sites for the Web
After completing this course, you should be able to:
- Identify the purpose of web browsers.
- Describe markup languages and the challenges they can overcome.
- Explain the structure, functions, and evolution of HTML.
- Identify improvements that HTML5 introduced.
- Explain the features and functions of CSS.
- Explain the features and functions of JavaScript.
- Identify the ways JavaScript interacts with CSS and HTML.
- Identify phases in the software development lifecycle (SDLC).
- Differentiate between waterfall and agile approaches to development.
- Highlight the scrum framework.
Course 3: Introduction to HTML and CSS
After completing this course, you should be able to:
- Describe how web developers use HTML elements to build a web page.
- Identify and explain common HTML elements.
- Define HTML attributes and uses.
- Identify and explain common attributes.
- Identify coding organization techniques that benefit web developers and users.
- Describe methods and techniques to apply CSS to HTML.
- Describe the CSS box model and the components of CSS boxes.
- Describe best practices for writing HTML and CSS.
- Describe key features of an integrated development environment (IDE) that help improve workflow for web developers.
Course 4: Bringing Websites to Life with JavaScript
After completing this course, you should be able to:
- Explain JavaScript syntax.
- Identify techniques web developers use to include JavaScript in HTML.
- Compare and contrast different programming models.
- Explain how to use code objects.
- Explain how variables, functions, expressions, operators, and events operate in JavaScript code for dynamic websites.
- Define common types of data.
- Identify the four primary database functions.
- Recognize simple MySQL syntax to create a database and work with data.
- Explain the purpose and function of Node.js.
Course 5: Website Testing and Deployment
After completing this course, you should be able to:
- Identify different types of website testing and the areas to test.
- Describe the advantages of automated testing.
- Explain version control systems for web development.
- Identify the steps to publish a website.
- Differentiate between continuous delivery and continuous deployment.
- Describe the purpose, benefits, and workflow process in the DevOps lifecycle.
- Describe responsive design and its importance.
- Explain delivering web content as a website and delivering web content in a web application.
- Differentiate between containers and virtual machines.
- Identify methods and common tools to test and automate the deployment of websites.
- Explain cloud computing for web development and deployment.
- Explain containerization for website development and deployment.
Course 6: Develop an Interactive Task List Web Page
After completing this course, you should be able to:
- Identify the tools and skills to develop a web page.
- Review requirements and a wireframe diagram to help inform web development.
- Use Visual Studio Code (VS Code) as an integrated development environment (IDE) tool to set up project files and develop a web page.
- Create a basic HTML structure to lay out a web page.
- Use CSS to add styles to a web page.
- Use JavaScript to create interactive elements on a web page.
- Perform a simple functional test on a web page.
Course 7: Your Future in Web Development: The Job Landscape
After completing this course, you should be able to:
- Identify industries in which web developers work.
- Recognize the global demand for web development professionals in the job market.
- Recognize the future of the web development field.
- Identify common roles and specialties in the web development field.
- Explain the primary responsibilities of different web development roles.
- Identify the skills that web developers need.
- Distinguish between different roles on a web development team.
- Identify resources to learn more and stay up to date in the field of web development.
Resource Links
Resource Links
Essential Course Link
Page updated
Google Sites
Report abuse