Web Designing : HTML CSS SASS JavaScript
FREE PDF Certificate Included | Level 3 | iAP Accredited | Access for 365 Days | No Hidden Fee
Study365
Summary
- Certificate of completion - Free
Overview
Web Designing with HTML, CSS, Sass & JavaScript - Level 3
Your website is an important aspect of the company’s digital marketing. It influences how your audience perceives the brand or service. The first impression you make will either get them to stay on your site and learn about your business or leave the page and turn to a competitor. Hence, one of the most important elements to keep in mind during the web development process is to create an appealing design. This will grab the viewers’ attention and get them to focus on your valuable content
This course is focused around building professional websites for yourself or your clients. It will teach you all the essentials to master the fundamentals of expert web design with HTML, CSS, Sass, and various other tools. At the completion of this course, you will be able to create simple basic websites and further convert them into amazingly beautiful responsive websites through HTML, CSS, Sass, and other tools.
Why You Should Consider Taking this Course at Study365?
The Web Designing with HTML, CSS, Sass & JavaScript course is brought to you by Study365. We are a leading online education provider for several accredited organisations, and provide learners the opportunity to take this IAP course. At Study365, we give our fullest attention to the learners’ needs and ensure they have the necessary information required to proceed with the training.
Our priority is on the advancement of knowledge and skills, we are bound to facilitate everything required to confirm a top-notch education service. We vouch for our learners an exclusive learning experience by paying close attention to each of their unique requirements and coming up with solutions every time. We provide them with state-of-the-art facilities using the latest technology.
The benefits of studying with Study365 are ample. Here are just a few,
- Unlimited 12 months access from anywhere, anytime
- Save time and money on travel
- Learn at your own pace
- Versatile and motivated learning
- A culture of continuous improvement
CPD
Course media
Description
Learning Outcome
- Learn the fundamentals of web design and JavaScript
- Understand how to build remarkable websites
- Learn the skills needed to become a front end developer
- Get tips on how to make your website stand out
COURSE CURRICULUM
Module 01 : Course Introduction
- Entire Course Overview
- Who is this Course is for?
- Web Developer Marketplace
- Web Developer Job Opportunities
- 4 Skills of Successful Web Developer
- Different Types of Web Developers
- The Course Projects
Module 02 : Introduction to HTML
- HTML Quick Section Overview
- What is HTML?
- Environment Setup – Installing Sublime Text
- Structure of an HTML Document
- HTML Heading and Paragraph Elements
- HTML Image and Attributes
- HTML Links
Module 03 : Styling with CSS
- CSS Quick Section Overview
- Intro to CSS – Why Use CSS?
- How to Insert CSS Into Your Code
- CSS Selectors
- CSS Properties – Background, Font, and Border Properties
- CSS Box Model – Intro to Div Element
- Making Simple Box Model Layouts – Using Div Elements
- Incorporating Box Model into a Blog Page
- Relative vs. Absolute Positioning
- Debugging Your Code Using Browser Tools
Module 04 : Basics of Web Design
- Working with fonts and icons
- Working with Colors
- Working with Images
- Whitespaces, Layout and User Experience
- Secret to Making Great Websites
Module 05 : Building a Website From Scratch
- Rules to design a good website
- Project – making digital services agency website
- Overview of the digisolve project
- Digisolve project – getting started
- Setting up fluid grid
- Building the webpage header
- Building the more info button
- Building the logo + menu
- Building the about us page
- Building the portfolio section
- Building the services page
- Building the featured clients page
- Building the testimonials page
- Building the popular packages page
- Popular packages continued
- Building the contact form
- Building the webpage footer
Module 06 : Making The Page Responsive
- Using media queries – part 1
- Using media queries – part 2
- Browser compatibility
Module 07 : Adding Effects and Animations with JQuery
- Intro to jquery
- Creating sticky navigation
- Scrolling to target elements
- Adding animations without coding
- Adding animations continued
Module 08 : Optimizing and Launching the Website
- Optimizing website performance
- Image optimization
- Minifying the code
- Launching the webpage
Module 09 : CSS under the Hood
- How CSS works (part 1)
- How CSS works (part 2)
- How the cascade works
- How CSS calculates pixel values and renders a website
Module 10 : Intro to SASS and NPM
- What is sass?
- Sass basic principles – variables, nesting
- Sass basic principles – mixins, extends, functions
- Command line basics
- What is NPM?
- Installing and setting up sass and NPM
Module 11 : Good CSS Practices
- How to plan out your CSS
- The bem model
- An ideal folder and file structure for a CSS project
- Different types of layouts
Module 12 : Website Project Country Club Site
- Lakeview project overview
- Setting up the project with starter code & resources
- Creating a background image slider for the header
- Automatic page reload with npm and live-server
- Typography for header
- Creating button for header
- Creating a fluid grid from scratch
- Building the about section part 1
- Building the about section part 2
- Building the about section part 3
- Building the club amenities part 1
- Building the club amenities part 2
- Building the contact form part 1
- Building the contact form part 2
- Building the contact form part 3
- Building the membership plan part 1
- Building the membership plan part 2
- Building the membership plan part 3
- Building the testimonials section part 1
- Building the testimonials section part 2
- Building the testimonials section part 3
Module 13 : Advanced Responsive Design
- Media queries with sass part 1
- Media queries with sass part 2
- Media queries with sass part 3
- Media queries with sass part 4
- Making images responsive and optimized
- Density switching using cdn
- Ensuring browser support
- Mobile first vs. Desktop first design
Module 14 : Flexbox
- Introduction to flexbox (part 1)
- Introduction to flexbox (part 2)
- Project overview for ‘bizwizz’ website
- Setting up the project
- Creating the header section
- Creating the animated button
- Creating svg waves
- Creating the services section
- Downloading and using svg icons
- Creating the meet our team section
- Creating an Image Gallery
- Creating the testimonials section
- Creating a testimonial carousel from scratch (part 1)
- Creating a testimonial carousel from scratch (part 2)
- Creating the contact section
- Creating the CTA section
- Creating the footer
- Making the page responsive
Module 15 : Starting a Career as a Web Developer
- Creating an web developer resume
- Contacting recruiters
- Getting started with freelancing
- Personal branding
- Networking do’s and don'ts
Method of assessment
This is a knowledge-based course, and thus, will contain no method of assessment.
Certification
Once the course completed, the learners get awarded the certificate of completion for ‘Web Designing with HTML, CSS, Sass & JavaScript - Level 3' by iAP.
Awarding Body
The International Awards for Professionals (iAP) is an awarding body established in 1999 that aims to promote a high educational standard. They hope to create online education that is trustworthy and credible. They are focused on raising the standards of online education, and ensuring it is accessible to all. The iAP provides accreditation for a range of educational establishments, and monitors and continually develops the educational standards of such institutions. Their globally recognised certifications allow learners to acquire the skills and knowledge needed to gain employment in the chosen fields.
Who is this course for?
- Individuals who want to learn to build websites from scratch
Requirements
- There are no pre-requisites to follow this course
- Learners should be over the age of 16
Career path
- Front-end developer
- Software developer
Questions and answers
Currently there are no Q&As for this course. Be the first to ask a question.
Certificates
Certificate of completion
Digital certificate - Included
Reviews
Currently there are no reviews for this course. Be the first to leave a review.
Legal information
This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.