This complete course covers video lectures on the core languages like HTML, CSS, JavaScript, jQuery, Ajax, and many more. It discusses every detail, from building and styling it to making it responsive and maintaining its responsiveness. Sass project, Flexbox layout, NPM, and the fundamentals of SEO are also covered in this course.
Original price was: £39.99.£19.99Current price is: £19.99. inc. VAT
More about the course
Want to learn web design from scratch? You're in the right place!
This complete course covers video lectures on the core languages like HTML, CSS, JavaScript, jQuery, Ajax, and many more. It discusses every detail, from building and styling it to making it responsive and maintaining its responsiveness.
This course also covers important topics like the Sass projects: global variables, architecting CSS, managing media queries, jQuery animation effects, and the fundamentals of SEO. Plus, you'll learn how to use NPM to manage dependencies and optimize your website's performance with Density Switching Using CDN.
What is Sass?
Sass is a preprocessor that extends the capabilities of CSS, making it easier and more efficient to style your website. In our Web Design & Â Web Development course, you'll learn how to use Sass to create global variables, which allow you to define a value once and use it throughout your entire stylesheet. This can save you time and reduce the risk of errors.What is NPM?
NPM is a package manager that allows you to install and manage dependencies easily in your web development projects. In our course, you'll learn to use NPM so you can quickly and easily install the tools and libraries you need to build your website. How does Density Switching Using CDN optimise performance? Density Switching Using CDN optimises your website's performance by serving different image sizes to different devices based on their screen density. In our course, you'll learn how to implement this technique using a CDN (Content Delivery Network), which can help improve your website's load times and reduce bandwidth usage. So, whether you're a beginner or looking to upgrade your skills, our Web Design & Web Development course is the perfect way to take your website-building skills to the next level. Sign up now and start building the website of your dreams!After completing this course, you'll be able to do the following:
- How to build amazing websites: professional, beautiful and responsive
- Learn the skills needed to become a web developer
- Learn the fundamentals of web design
- Learn the fundamentals of JavaScript
- Modern CSS techniques to create stunning designs and effects
- Step by Step website projects using HTML5 and CSS3
- Sass project: global variables, architecting CSS, managing media queries, etc
- jQuery animation effects, scroll effects and "sticky" navigation
- Advanced CSS animations
- How to make your website stand out
- Learn the fundamentals of SEO
- Website projects for you to follow step-by-step
- How to get web design clients
- Ready-to-use email scripts for getting clients
- Ready-to-use proposal template
- Ready-to-use consultation scripts for getting clients
- Advanced responsive design: media queries, mobile vs desktop
- NPM: development workflows and building processes
Is this course for you?
This course is ideal for those who work in or aspire to work in the following professions:- Students who want to learn to build websites from scratch
Why choose this complete web design online course?
- Conducted by industry experts
- Get Instant E-certificate
- Fully online, interactive course with Professional voice-over
- Developed by qualified professionals
- Self-paced learning and laptop, tablet, smartphone-friendly
Industry Expert Instructor
Rated Excellent on Trustpilot
Course Content
-
- Course Overview FREE 00:09:00
- Whos this course is for? FREE 00:04:00
- Web Developer Marketplace FREE 00:03:00
- Web Developer Job Opportunities FREE 00:04:00
- 4 Skills of Successful Web Developer FREE 00:05:00
- Different Types of Web Developers FREE 00:06:00
- The Course Projects FREE 00:03:00
-
- HTML Quick Section Overview 00:01:00
- What is HTML? 00:03:00
- Environment Setup – installing Sublime Text 00:02:00
- Structure of an HTML Document 00:05:00
- HTML Heading and Paragraph Elements 00:13:00
- HTML Imaged and Attributes 00:06:00
- HTML Links 00:04:00
- Download Resources 00:00:00
- CSS Quick Section Overview 00:01:00
- Intro to CSS – Why use CSS? 00:04:00
- Inserting CSS into Code 00:15:00
- Colors in CSS 00:11:00
- CSS Selectors 00:15:00
- CSS Properties – background, font, and border properties 00:10:00
- CSS Box Model – intro to div element 00:08:00
- Making Simple Box Model Layouts – using div elements 00:22:00
- Incorporating Box Model into a Blog page 00:22:00
- Relative vs. Absolute Positioning 00:08:00
- Debugging your Code using Browser Tools 00:05:00
- Rules to Design a Good Website 00:02:00
- Project Requirements: Making a Website for a Digital Services 00:06:00
- Overview of the Digisolve Project 00:04:00
- Download Resources – Building a Website from Scratch 00:00:00
- Digisolve project – Getting Started 00:08:00
- Setting up Fluid Grid 00:12:00
- Building the Webpage Header 00:20:00
- Building the More Info Button Section 00:09:00
- Building the Logo + Menu 00:12:00
- Building the About Us Page 00:11:00
- Building the Portfolio Section 00:26:00
- Building the Services Page 00:25:00
- Building the Featured Clients Page 00:07:00
- Building the Testimonials Page 00:22:00
- Building the Popular Packages Section 00:20:00
- Popular Packages Continued 00:09:00
- Building the Contact Form 00:28:00
- Building the Webpage Footer 00:23:00
- Intro to JQuery 00:05:00
- Creating Sticky Navigation 00:14:00
- Scrolling to target elements 00:09:00
- Adding Animations without coding! 00:17:00
- Adding Animation Continued 00:13:00
- How CSS works (Part 1) 00:03:00
- How CSS works (Part 2) 00:10:00
- How the Cascade Works 00:13:00
- How CSS Calculates pixel values and renders a website 00:18:00
- How to Plan out your CSS 00:05:00
- The BEM Model 00:06:00
- An Ideal Folder and File Structure for a CSS Project 00:10:00
- Different Types of Layouts 00:03:00
- Media Queries with SASS 00:25:00
- Media Queries with SAAS Part 2 00:18:00
- Media Queries with SASS part 3 00:18:00
- Media Queries with SASS part 4 00:17:00
- Making Images Responsive and Optimized 00:38:00
- Density Switching Using CDN 00:14:00
- Ensuring Browser Support 00:33:00
- Mobile First vs. Desktop First Design 00:12:00
- Creating an Web Developer Resume 00:08:00
- Contacting Recruiters 00:06:00
- Getting Started with Freelancing 00:06:00
- Top Freelance Websites 00:11:00
- Personal Branding 00:06:00
- Networking Do’s and Don’ts 00:05:00
- Get Your Certificate & Transcript 00:00:00