Web Development
From Beginner to Innovator 12 Moths
What is web development?
Web development is an umbrella term for any work that involves developing web sites for the Internet, or on private networks. It can be anything from creating a small and simple website, to creating sophisticated web-based applications and services. In our web Development courses, we focus on creating simple and functional web pages.
What are HTML, CSS and JAVASCRIPT ?
HTML, CSS and JavaScript are the cornerstone languages that are used when developing a website.
HTML stands for Hypertext Markup Language, and it controls the content on a web page. If you were to think of a website as a human body, you could think of HTML as the language that controls skeleton of your website.
CSS stands for Cascading Stylesheets, and it controls the presentation of a web page. You can think of it as the language that controls the clothes your website wears.
JavaScript (often shortened to JS) can be used to control the behaviour of a web page. You can think of it as the language that controls how your web page behaves when other people interact with it.
OVERVIEW OF OUR WEB DEV COURSE
Below is an overview of our 12-month Web Development pathway. It is made up of four 8-week courses to be delivered each school term.
Discover the fundamentals of the internet and web development.
❖ Fundamentals of the internet
❖ Intro to text editors (e.g. Notepad)
❖ Intro to HTML
❖ Brief intro to CSS
❖ Storing and naming files
❖ Create multiple pages and linking them
❖ Create a navigation menu
Project Outcomes
Design and create a personal web page which can display text, images, and music. Project to include: logo, stylesheet, navigation menu, 3 pages. Use HTML & CSS in Notepad to create the website.
Consolidate fundamentals and explore more challenging concepts.
❖ Review of: fundamentals of the internet and websites
❖ Review of: text editors and naming files
❖ Consolidate and explore HTML
❖ Further explore CSS
❖ Brief intro to JavaScript
❖ Display text and image via button click
❖ Use tables
Project Outcomes
Design and create a website for a fictional business. Use JavaScript to build simple button features. Project to include: logo, table, stylesheet, navigation menu, 6 pages, and 3 buttons.
Apply more advanced concepts in more complex problems.
❖ Consolidate and explore more challenging HTML & CSS
❖ Further explore JavaScript
❖ Call functions by button click
❖ Manipulate text and images via button clicks and variables
❖ Use if statements
❖ Use arrays
❖ Create and embed computer games
Project Outcomes
Design and create a gaming web page for a fictional business. Use JavaScript to create a more interactive web experience and build computer games for the website. Project to include: an array, a button & 2 games.
Extend yourself. Design your own projects. Let your imagination guide your development.
❖ Review of Level 1-3 course: HTML, CSS, JavaScript
❖ Review: naming files, making tables, buttons, arrays, making dynamic pages
❖ Planning your project, wireframes
❖ Build your own project
❖ Extend your knowledge by building website to suit your project needs
Project Outcomes
Build your own project. Project to include:
❖ Project plan and wire frames
❖ Aesthetic design
❖ User-friendly design
❖ Interactive web experience with dynamic pages