Description
About this Course
Demand for core web skills is widespread across every industry and continues to rise. This highly practical study programme focuses on the core industry skills to build beautiful, responsive and engaging web experiences with HTML, CSS, and JavaScript — a versatile industry in-demand skill-set for a variety of career paths such as web development, design, marketing, business and other tech-adjacent roles.
You’ll start off with learning how to create a visual user experience - from concept to a fully-fledged user interface that is ready to be handed off for development. Next, you'll learn how to effectively create the structure of a website using semantic HTML and progress to styling with CSS and responsive layouts that work well on any device - phone, tablet, desktop or anything in between. Finally, you'll discover how to leverage JavaScript to create dynamic and beautiful user interfaces that respond to user's actions. Along the way, you'll also learn about code editors and how to work with the major browser Developer Tools.
By the end of this course, you’ll have built a professional website which will highlight your new collection of industry skills and will be a star feature in your fast-growing portfolio of work.
Objectives & Outcomes
- Discover how the web works.
- Learn how to design functional and appealing websites using best–practice UX patterns & navigation to create delightful user-centred visual experiences.
- Learn the basics of HTML and start building & editing web pages.
- Learn how to style and visually organize HTML with CSS.
- Learn how to use tags and attributes to identify key information within a page.
- Learn how to manage page content and respond to user's actions with JavaScript, the most popular programming language in web development.
- Learn how to purchase a domain and deploy a website to a public cloud.
- Learn how to inspect websites using Developer Tools on a modern web browser (Chrome, Firefox, or Edge).
- Learn the basic technical vocabulary to communicate with front-end web developers and other technical stakeholders.
- Build a website from scratch.
Course Outline
- Explore UX and UI terms and concepts.
- Learn the basic principles of effective web UX/UI design.
- Discover best practices for web user interface design.
- Create interactive web design prototype with leading UI tools.
Project #1: Design a Website Concept
- Learn how to create the content of a page with HTML.
- Use best-practice techniques to create a content layout. Work with headings to structure hierarchy in a page
Project #2: Create the layout for a portfolio page. - Create a list of items and add images & videos.
Project #3: Add text and other content to blogs and portfolio. - Discover how to add links, tables and other sections to a page.
Project #4: Enhance the page with tables and DIVs.
- Learn how to create a responsive, modern design for a page.
- Use best-practice techniques for creating an efficient but beautiful design.
Project #5: Style the blog and portfolio pages. - Working with colours, colour models and imagery.
Project #6: Add images and design a colour scheme for the site. - Create a modern layout that looks great on mobile and desktop.
Project #7: Finalise the site structure using FlexBox.
- Add interactive functionality to a website using JavaScript.
- Basic Syntax.
- Use JavaScript functionality to create a rich user experience.
- Arrays and Functions.
Project #8: Add validation to the site contact form.
Study Experience designed for Teens
Apart from enjoying ICE Malta’s world-class study experience, students will also:
- Get a back-stage visit pass to top brands.
- Experience practical & collaborative learning in a state-of-the-art learning space.
- Enjoy individual attention thanks to our small classroom philosophy.
- Attend talks with guest alumni who have landed amazing job opportunities.
- Design a personalised career path during one-to-one career building sessions.
- Start building a cutting edge portfolio.
- Benefit from educator email support and project mentorship post-course completion.
- Receive a personalised academic progress report.
Course Details
MODE OF STUDY
Online Live
DELIVERY METHOD
Live Demonstrations & Hands-on Workshops
ENTRY REQUIREMENTS
- Ages 13-17
- Good Knowledge of English
- General IT Knowledge
ONLINE CLASS REQUIREMENTS
Mac or Windows PC
WebCam
Stable Internet Connection
NEXT STEPS
DURATION
33 Hours (11 Lessons of 3 Hours)
WHAT'S INCLUDED
- Training by Industry Professionals & Certified Educators
- Study Experience designed for Teens
- Detailed Educator Courseware
Price: € 695
Demand for core web skills is widespread across every industry and continues to rise. This highly practical study programme focuses on the core industry skills to build beautiful, responsive and engaging web experiences with HTML, CSS, and JavaScript — a versatile industry in-demand skill-set for a variety of career paths such as web development, design, marketing, business and other tech-adjacent roles.
You’ll start off with learning how to create a visual user experience - from concept to a fully-fledged user interface that is ready to be handed off for development. Next, you'll learn how to effectively create the structure of a website using semantic HTML and progress to styling with CSS and responsive layouts that work well on any device - phone, tablet, desktop or anything in between. Finally, you'll discover how to leverage JavaScript to create dynamic and beautiful user interfaces that respond to user's actions. Along the way, you'll also learn about code editors and how to work with the major browser Developer Tools.
By the end of this course, you’ll have built a professional website which will highlight your new collection of industry skills and will be a star feature in your fast-growing portfolio of work.
Objectives & Outcomes
- Discover how the web works.
- Learn how to design functional and appealing websites using best–practice UX patterns & navigation to create delightful user-centred visual experiences.
- Learn the basics of HTML and start building & editing web pages.
- Learn how to style and visually organize HTML with CSS.
- Learn how to use tags and attributes to identify key information within a page.
- Learn how to manage page content and respond to user's actions with JavaScript, the most popular programming language in web development.
- Learn how to purchase a domain and deploy a website to a public cloud.
- Learn how to inspect websites using Developer Tools on a modern web browser (Chrome, Firefox, or Edge).
- Learn the basic technical vocabulary to communicate with front-end web developers and other technical stakeholders.
- Build a website from scratch.
- Explore UX and UI terms and concepts.
- Learn the basic principles of effective web UX/UI design.
- Discover best practices for web user interface design.
- Create interactive web design prototype with leading UI tools.
Project #1: Design a Website Concept
- Learn how to create the content of a page with HTML.
- Use best-practice techniques to create a content layout. Work with headings to structure hierarchy in a page
Project #2: Create the layout for a portfolio page. - Create a list of items and add images & videos.
Project #3: Add text and other content to blogs and portfolio. - Discover how to add links, tables and other sections to a page.
Project #4: Enhance the page with tables and DIVs.
- Learn how to create a responsive, modern design for a page.
- Use best-practice techniques for creating an efficient but beautiful design.
Project #5: Style the blog and portfolio pages. - Working with colours, colour models and imagery.
Project #6: Add images and design a colour scheme for the site. - Create a modern layout that looks great on mobile and desktop.
Project #7: Finalise the site structure using FlexBox.
- Add interactive functionality to a website using JavaScript.
- Basic Syntax.
- Use JavaScript functionality to create a rich user experience.
- Arrays and Functions.
Project #8: Add validation to the site contact form.
Apart from enjoying ICE Malta’s world-class study experience, students will also:
- Get a back-stage visit pass to top brands.
- Experience practical & collaborative learning in a state-of-the-art learning space.
- Enjoy individual attention thanks to our small classroom philosophy.
- Attend talks with guest alumni who have landed amazing job opportunities.
- Design a personalised career path during one-to-one career building sessions.
- Start building a cutting edge portfolio.
- Benefit from educator email support and project mentorship post-course completion.
- Receive a personalised academic progress report.
MODE OF STUDY
Online Live
DELIVERY METHOD
Live Demonstrations & Hands-on Workshops
ENTRY REQUIREMENTS
- Ages 13-17
- Good Knowledge of English
- General IT Knowledge
ONLINE CLASS REQUIREMENTS
Mac or Windows PC
WebCam
Stable Internet Connection
NEXT STEPS
DURATION
33 Hours (11 Lessons of 3 Hours)
WHAT'S INCLUDED
- Training by Industry Professionals & Certified Educators
- Study Experience designed for Teens
- Detailed Educator Courseware