Students explore sophisticated web technologies and frameworks to enhance their ability to build dynamic and responsive websites. They also study advanced coding techniques and best practices for optimizing web performance and user experience.
Introduction to Advanced Web Development
Students examine different principles of usability and ways to make their websites more readable and accessible.
Accessibility
Students learn how to create a detailed blueprint for a website, including defining its purpose, structure, and content. They also explore techniques for wireframing and prototyping to effectively visualize and organize the site's layout and functionality.
Planning a Website
Students learn how to effectively present and articulate their website design concepts and content strategies to stakeholders. They also practice using various tools and techniques for creating clear, persuasive presentations and documentation.
Communicating Design and Content Plans
Students learn how to properly link a CSS file to an HTML document, ensuring that styles are applied correctly. They also engage in cultural exploration by examining how design and aesthetics vary across different cultures and how this impacts web development.
External Style Sheet
Cultural Exploration
Students study the core principles of responsive design, focusing on how to create web pages that adapt to various screen sizes and devices. They also learn to implement techniques that ensure a seamless user experience across different platforms.
Responsive Design
Students explore the use of Scalable Vector Graphics (SVG) for creating high-quality, resolution-independent images on the web. Additionally, they discuss the implications and applications of autonomous systems in technology.
SVG Images
Autonomous Systems
Students learn how to use CSS classes to apply styles to HTML elements effectively. They also delve into the ethical considerations surrounding surveillance technology and its impact on privacy.
Classes
Ethics in Surveillance
Students discover how to utilize CSS pseudo-selectors to target specific elements and states in web design. They also analyze case studies related to ethical issues in technology and their broader societal implications.
Pseudo Selectors
Ethics Case Studies
Students learn how to use media queries to apply different styles based on device characteristics like screen size and orientation. They also refine their understanding of responsive design to ensure websites perform well on various devices.
Responsive Design
Media Queries
Students are introduced to Bootstrap, a popular framework for developing responsive and visually appealing websites. They also explore strategies for self-reliant learning and independent problem-solving in web development.
Bootstrap Intro
Self Reliant Learning
Students learn how to use Bootstrap classes to efficiently style and layout web pages. They also study the contributions of Alan Turing to computer science and their relevance to modern web development.
Bootstrap Classes
Alan Turing
Students explore the Bootstrap grid system for creating flexible and organized page layouts. They also investigate the role of local industries in the tech ecosystem and their influence on web development practices.
Bootstrap Grid
Local Industries
Students learn to use the 12-column grid system for structuring web layouts, promoting consistency and flexibility. They also examine how innovations in technology impact the environment and discuss sustainable practices.
12 Column Grid
Innovations and the Environment
Students dive into CSS Grid to create complex and adaptable web layouts with ease. They also explore how to design and develop products that are environmentally conscious and sustainable.
CSS Grid
Environmentally Aware Product
Students learn how to use CSS Flexbox for creating responsive and flexible layouts. They also discuss the concept of emotional flexibility and its importance in personal and professional contexts.
CSS Flexbox
Emotional Flexibility
Students explore how to implement a Jumbotron component in Bootstrap to highlight important content. They also investigate recent innovations in climate research and their implications for technology.
Jumbotron
Innovations and the Climate Research
Students learn how to use Bootstrap cards to present content in a structured and visually appealing way. They also discuss various solutions to climate change and how technology can contribute to addressing these issues.
Cards
Climate Solutions
Students discover how to create and manage carousels in Bootstrap for showcasing multiple pieces of content in a single space. They also plan and discuss ideas for a climate expo, focusing on presenting environmental issues and solutions.
Carousels
Climate Expo
Students learn to create and customize a navigation bar using Bootstrap to improve website usability. They also explore the importance of technical drawings in web development and design.
Bootstrap Nav Bar
Technical Drawings
Students learn how to implement Bootstrap dropdowns to enhance site navigation and user interaction. They also discuss how to create and manage a drawing gallery, showcasing various art and design works.
Bootstrap Dropdown
Drawing Gallery
Students explore the creation and use of custom HTML elements to extend and personalize web functionality. They also examine different types of engineering stations and their roles in technical environments.
Custom HTML Elements
Engineering Stations
Students learn how to integrate Facebook plugins into websites to enhance social media interaction. They also discuss strategies for maintaining a healthy and balanced approach to social media use.
Facebook Plugins
Healthy Use of Social Media
Students explore the Shadow DOM to encapsulate and manage styles and scripts in web components. They also discuss principles for building and maintaining healthy relationships in both personal and professional contexts.
Shadow DOM
Building Healthy Relationships
Students learn how to implement animations in web design to create engaging and interactive experiences. They also explore the role of computer science in the development and evolution of animation technologies.
Animations
Computer Science in Animation
Students study CSS transform properties to manipulate and animate elements on a webpage. They also engage in activities to envision and plan their future careers and personal growth.
Transform
Envisioning Yourself in the Future
Students learn how to apply CSS transitions to create smooth visual changes between styles. They also participate in a mystery kickoff activity, using clues and problem-solving skills to uncover a hidden challenge.
Transition
Mystery Kickoff
Students review key concepts of CSS transitions and their practical applications. They also begin an introduction to worker profiles, focusing on the first part of creating and analyzing these profiles.
Transitions Review
Introduction to Worker Profiles
Students learn how to use image overlays to enhance visual content on web pages. They continue with the worker profiles project, diving deeper into the second part of developing and understanding these profiles.
Image Overlays
Introduction to Worker Profiles
Students explore the design and implementation of web forms for collecting user input. They complete the final part of the worker profiles introduction, focusing on integrating forms into their profiles.
Forms
Introduction to Worker Profiles
Students learn how to implement and style text input fields in web forms. They also focus on understanding the context in which these forms will be used to ensure they meet user needs effectively.
Text Input
Understanding the Context
Students explore how to use radio buttons in forms for selecting options. They also start a new activity involving clues, aimed at solving a problem or completing a task related to their learning objectives.
Radio Input
Introducing the Clues
Students review their understanding of form elements and their implementation. They begin analyzing clues in the first part of a problem-solving exercise designed to apply their knowledge in a practical context.
Analyzing Clues
Form Review
Students study various CSS positioning techniques to control the layout of elements on a webpage. They continue with the clue analysis activity, focusing on the second part of applying their skills to solve the problem.
Positioning
Analyzing Clues
Students explore fundamental programming logic and different programming languages used in web development. They also practice connecting their learning to real-world applications and problem-solving scenarios.
Programming Logic & Languages
Connecting the Dots
Students are introduced to JavaScript variables and their role in storing and manipulating data. They also engage in formulating hypotheses based on their initial programming knowledge.
JavaScript Intro: Variables
Formulating Hypotheses
Students learn how to handle inputs and outputs in JavaScript to interact with users and process data. They begin testing their hypotheses through coding exercises and practical examples.
JavaScript Inputs/Outputs
Testing Hypotheses
Students explore string concatenation in JavaScript to combine and manipulate text data. They continue testing their hypotheses with more complex scenarios and coding challenges.
Concatenation
Testing Hypotheses
Students study JavaScript’s math functions for performing calculations and manipulating numerical data. They complete the testing of their hypotheses, applying mathematical concepts to real-world problems.
Math
Students learn how to define and use functions in JavaScript to organize and reuse code efficiently. They also practice presenting their theories and findings based on their programming projects.
Functions
Presenting Theories
Students explore the use of parameters in functions to pass information and customize behavior. They focus on revealing the truth through data analysis and programming insights.
Parameters
Revealing the Truth
Students learn how to create functions that respond to button clicks and other user interactions. They also reflect on ethical lessons learned throughout the course and how they apply to web development practices.
Functions for Buttons
Reflecting on Ethical Lessons
Students explore the return statement in JavaScript functions to output values and control program flow. They focus on learning from mistakes and improving their coding skills through iterative practice.
Return Statement
Learning from Mistakes
Students are introduced to jQuery, a JavaScript library that simplifies DOM manipulation and event handling. They apply their lessons learned to practical jQuery projects and exercises.
jQuery
Applying the Lessons
Students learn to use the getElementById method for selecting and manipulating specific HTML elements. They participate in a final reflection and assessment to evaluate their progress and understanding of web development concepts.
getElementbyId
Final Reflection and Assessment
Students explore the innerHTML property to dynamically update and modify HTML content. They celebrate their learning journey by reviewing their accomplishments and reflecting on their growth throughout the course.
InnerHTML
Celebrate the Journey
Students learn about Application Programming Interfaces (APIs) and how to use them to integrate external services and data into their web applications. They practice making API requests and handling responses.
Students review and consolidate their understanding of various class concepts and techniques covered in the course. They reflect on their learning experiences and prepare for future applications of their skills.
Class Review
In this course students will complete challenges that help solidify concepts as they use skills in a variety of ways. In order to complete tasks, students will creatively apply what they've learned by using different approaches to reach a goal. This experience closely follows challenges they would face in a technical interview, allowing them to practice. Students will create a variety of more advanced websites using different web development skills. Some examples of projects: Sunset, NASA Nav, Shoe Size Playing with Borders, 12 Column Chart, Forms