Looking for Answers?
Browse our articles to find the answers you need
Working with the Wix Tomorrow Classroom Curriculum
Wix Tomorrow Classroom offers four courses: Intro to Wix and the Web, Web Creation, Web Design, and Web Development.
Each course contains a number of lessons and presentations you can use while teaching.
Intro to Wix and the Web
This introductory course explores the basics of the Wix Editor and website design principles. The Wix Editor contains hundreds of stunning, customizable elements that students can experiment with and explore to create their own site.
This course includes the following lessons:
- What is the web: Gain familiarity in using websites as a medium for creation, self-expression, and connection.
- Get to know the Editor: Get to know the Wix Editor and learn more about safely creating online.
- Working with text: Explore how to use text to communicate ideas clearly, and how different fonts evoke different messages.
- How to work with images: Tap into visual identities while exploring image properties and best practices for displaying images online.
- Designing with vector art: Explore how to add different icons (like characters and symbols) to a website to help tell a story.
- Make it clickable: Learn how to add interactive buttons to a site, and explore how websites sway visitor behavior through calls to action.
- Adding video content: Explore different ways of incorporating videos into websites, and will learn how to customize video content.
- Designing with strips: Explore using strips — horizontal sections of a Wix website’s page — to help organize and structure sites.
- Adapt your site for mobile: Learn how to optimize a website for mobile browsers.
- Create your website: This is a multi-class activity where your students will be synthesizing the lessons they’ve learned over the course of the unit to create their own websites.
Web Creation
What are the building blocks of a website? This course focuses on user experience design, and how this practice is used to plan, design, and create websites while thinking deeply about the purposes and people they serve. Students will explore the practices, tools, and mindsets needed to design for equity, inclusion, and social impact.
This course includes the following lessons:
- Intro to web creation: Better understand what websites are and how they work. This lesson will help situate your students as they move forward with exploring how to (and why) create websites.
- What is the web creation process?: Learn about the Web Creation process to create websites built both for and with site visitors, and choose projects to work with for the rest of the course.
- Creating personas: Exploring the idea of using personas to visualize potential site visitors and create personas.
- Research and idea framing: Use a Website Planning Doc to conduct research and think deeply about the experience people will have on a website.
- Website structure and navigation: Start to consider site organization, focusing on the content first. Learn about menus and navigation in Wix, to gain a sense of how to organize content.
- Website content and planning: Learn a bit more about website structure, then continue the sitemap building process from the previous lesson, and start working on their sites.
- Page structure and wireframes: Begin to zoom into the content of a site. Learn about how to display information through different layouts and flow techniques, and create wireframes for projects.
- Writing content for the web: Tap into writing skills to think critically about the kinds of messages they send when they write copy (text). Learn about techniques for thinking about what to write, and explore connections between storytelling and content.
- UX best practices for the web: Explore how UX best practices and intuitive design can make a big impact on how users navigate, understand, and engage with websites.
- Your site is not a poster: Focusing on interactivity and animation, encouraging students to stretch their creativity and be playful.
- Accessibility: Explore the idea of inclusive design, and learn techniques to make their sites accessible as part being inclusive designers.
- Working on projects (optional): Another opportunity to pause and incorporate what’s being learned into projects.
- Test & Iterate: Stepping back from the design process to try out ideas with critique groups (or partners). This reinforces the idea of web creation as a collaborative process, where the creator is constantly testing ideas and getting feedback from people who will be using their site.
- Working on final projects: Open time to actively work on projects.
Web Design
Take inspiration from Wix’s professional design practices and cutting-edge theories to explore visual design elements like color, typography, composition, animation, and branding to create stunning and personally-meaningful websites that show off students’ ideas in compelling ways.
This course includes the following lessons:
- Design your stunning website: This is a multi-class activity where students will be synthesizing what they’ve learned to design their own websites. We encourage you and your students to create websites about topics and ideas that are relevant and exciting to them!
- Design is everywhere: Examine the design of everyday worlds and start examining what design is, how it can be used as a communication tool on the web, and how students see themselves as designers and creators.
- Inspiration and mood boards: Explore the process of gathering inspiration and visual research for designs and create mood boards to capture and express ideas.
- Colors: Explore how the colors of designs can help communicate and enhance the stories. Learn how designers use different tools to pick and express their color choices.
- Typography: Like colors, fonts (and the rules of typography) are used to help convey the messages, moods, and ideas of a website.
- Layout & composition: Start getting familiar with the idea of layouts — the way information is organized and structured on a page.
- Layout & alignment: Explore how to use alignment to compose layouts. This lesson builds on the previous lesson, so that students can add alignment to their toolkit.
- Wireframing: Combine layouts to create wireframes. This is also a chance for students to synthesize and apply what they’ve learned to ideas they care about working with.
- Project planning (optional): This class is a chance for students to use the tools they’ve played with to begin designing their websites. You can modify or remix this lesson depending on your needs — especially if students have decided on their final project topics.
- Branding & identity: Begin exploring the idea of branding, the process of creating a visual identity connected to a website.
- Interactivity: Learn about different ways to make websites interactive. This lesson format is a little different: students will start by diving into the activity, and will then reflect on their experiences with each other.
- Inclusive design: Explore the idea of inclusive design, and learn techniques to make sites accessible as part being inclusive designers.
Web Development
This course covers the basics of JavaScript and Velo — the Wix coding language and platform. Students will explore topics such as user interactions, conditionals and variables and will practice them with project-based activities to take their sites to the next level with code.
This course includes the following lessons:
- Hello, Velo: Welcome to the Wonderful World of Velo! This lesson is all about getting started with the basics of what code is, how it works with Wix, and getting set up with Velo.
- $w and Custom Interactions: In this lesson, students will be learning the basics of $w, Velo’s command for choosing elements on the page to code. With this basic down, your students will be able to customize their sites in many different creative ways, including what we learn in this lesson: show and hide. Students will also learn basic spelling elements of coding, like camelCase and autocorrect.
- Properties & Assigning Values: In this lesson, students will be diving into the details of changing the elements on their page with Velo. We’ll explore the different features of elements and discover how to change the state of these elements to take our customizations further with code.
- Variables & Input: This lesson is all about variables — a powerful and versatile coding concept that students can use to make their sites even more dynamic. They’ll also learn about text input elements to create sites that have elements like custom quizzes and forms. With these two elements, students can save and share data all over their sites!
- Numbers and Math Operators: Welcome to the world of numbers! When paired with math operators, the sky’s the limit with what you can create. In this lesson, students will dive into using numbers to create more robust ways for site visitors to interact with their content, like site counters for stores, and even to keep score with interactive games. We’ll also learn more about the nuances of switching between numbers and strings.
- Logic and Conditionals: In this lesson, you and your students will begin to explore conditionals. The possibilities of creating with conditionals are endless, and we’ll be exploring just a few in this lesson, and dive deeper in the next one. Students will learn the basics of conditionals, and check out how to apply these ideas to elements like custom switches and sliders to bump up the interactivity on their sites.
- Logic and Conditionals 2: Ready for round two? In this lesson, students will build on the knowledge explored in Lesson 06 to take their ideas further with conditionals and logic. The ideas in this lesson are at the heart of many cool coding projects, so this is another chance for your students’ imaginations to soar! They’ll also learn about If, else if, else, nested conditionals, and radio buttons. This is also the last lesson you and your students will work on together in this course before you move to final projects.
Tip
Need assistance? Contact us on support-tomorrow@wix.com.
Was this article helpful?
Yes
No
