Build Websites with HTML,CSS,Sass,NPM Course

Blackboard Learning

Certificate of completion

Digital certificate - Included

Program content:

• Course Introduction

• Entire Course Overview

• Who this course is for?

• Web Developer Marketplace

• Web Developer Job Opportunities

• 4 Skills of a Successful Web Developer

• Different Types of Web Developers

• The Course Projects

• Intro 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

• Styling with CSS

• CSS Quick Section Overview

• Intro to CSS - Why use CSS?

• How to Insert CSS into Your Code

• CSS Selectors

• ID and Class Selectors - The difference between the two

• CSS Properties - background, font, and border properties

• CSS Box Model - intro to the 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

• Basics of Web Design

• Working with Fonts and Icons

• Working with Colours

• Working with Images

• Whitespaces, layout, and user experience

• Secret to making great websites

• 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 Signup Section

• Building the Contact Form

• Building the page footer

• Making The Page Responsive

• Using Media Queries - Part 1

• Using Media Queries - Part 2

• Browser Compatibility
• Adding Effects and Animations with JQuery
• Intro to JQuery

• Creating Sticky Navigation

• Scrolling to target elements

• Adding Animations without coding!

• Adding Animations Continued

• Optimizing and Launching the Website

• Optimizing Website Performance

• Image Optimization

• Minifying the Code

• Launching the WebPage

• Using PHP for form processing

• 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

• 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

• 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

• 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 a Button for the 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

• 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

• 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 the Portfolio Section

• 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

• Starting a Career as a Web Developer

• Creating a Web Developer Resume

• Contacting Recruiters

• Getting Started with Freelancing

• Personal Branding
• Networking Do's and Don'ts

Blackboard Learning is an online learning platform by which students from any corner of the world can learn his/her desired course. Using online learning, we assist students in realizing their full potential and advancing their careers. Today, our goal is to be the world's leading provider of online learning experiences with a global impact. By leveraging online learning, we assist students in preparing for bright futures in world-changing jobs. We provide a wide range of categories including Accounting & IT, Programming, Creative, and more. Our courses are designed to stretch students intellectually through state-of-the-art online learning.

• This build of amazing websites with HTML, CSS, Sass, and NPM is ideal for people looking to progress their career into a web developer.
• For those who want to become a freelancer, as well as looking to further develop their skills and knowledge.
• People who want to perform better build amazing websites with HTML, CSS, Sass, and related careers.
• Those who are passionate about building amazing websites with HTML, CSS, Sass, and related skills.
• Learners who desire to be more efficient in building amazing websites with HTML, CSS, Sass, and NPM.

No prior knowledge or experience required

• An ideal folder and file structure for a CSS project: What you need to know.
• Building a website from scratch: Tailoring your approach to maximize impact.
• Mastering working with fonts and icons.
• 4 skills of a successful web developer: To save time and stress, make a daily, weekly, and long-term work and goal plan.
• Building a website from scratch.
• Adding effects and animations with JQuery.

Currently there are no Q&As for this course. Be the first to ask a question.