Modern Web Design Beginners HTML CSS JavaScript 25+ Projects

BY
Udemy

Learn the principles and functions of HTML, CSS, and Javascript for developing responsive websites and applications.

Mode

Online

Fees

₹ 449 2499

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course overview

Modern Web Design Beginners HTML CSS JavaScript 25+ Projects certification course is developed by Laurence Svekis - GDE, Application Developer & Instructor and is delivered by Udemy and is designed for learners who want to improve their knowledge to kickstart a career as web designers and front-end web developers by gaining knowledge of HTML5, CSS3, JavaScript, and responsive design. The Modern Web Design Beginners HTML CSS JavaScript 25+ Projects online course is designed to help learners know how to design and develop mobile-friendly, completely dynamic, and contemporary websites.

Modern Web Design Beginners HTML CSS JavaScript 25+ Projects online classes feature 39 hours of comprehensive video-based lectures supported by 290 articles and 7 downloadable resources which cover topics like web design, web development, application development, and front-end web design. Through more than 25 real-world projects, this course focuses on helping learners gain a practical understanding of the functions of technologies including HTML, HTML5, CSS, CSS4, Javascript, jQuery, and Bootstrap.

The highlights

  • Certificate of completion
  • Self-paced course
  • 39 hours of pre-recorded video content
  • 290 articles
  • 7 downloadable resources

Program offerings

  • Online course
  • Learning resources. 30-day money-back guarantee
  • Unlimited access
  • Accessible on mobile devices and tv

Course and certificate fees

Fees information
₹ 449  ₹2,499
certificate availability

Yes

certificate providing authority

Udemy

What you will learn

After completing the Modern Web Design Beginners HTML CSS JavaScript 25+ Projects online certification, learners will gain a comprehensive understanding of the basic and advanced principles and strategies associated with web design for web development and application development. Learners will study how to develop responsive web pages and mobile-friendly websites using technologies such as HTML, HTML5, CSS, CSS3, Javascript, jQuery, and Bootstrap. Learners will learn how to use the latest syntax to apply modern web design approaches such as HTML5 and CSS3. Learners will also learn how to use Javascript to build interactive and dynamic web content, as well as how to design and code modern and responsive landing pages using fat footer and three-column designs.

The syllabus

Introduction to getting started with Web Design

  • Introduction to frontend web design and development
  • Learn how to Get Setup Ready to Code HTML - HTML Setup Get Coding
  • Resources
  • Discover how to write HTML code - 2 Writing Code Resources Editor
  • Visual Studio Code

HTML - Learn about how to write HTML code and create Web Pages with HTML5

  • Introduction to Modern HTML and HTML5 coding to create Websites
  • Web Design First Look HTML 1 Introduction and Resources for HTML
  • Source Code
  • Learn how to Create a HTML Template 2
  • Source Code
  • What are HTML elements What is an Element
  • Source Code
  • Explore how to set 4 Headings and Bolded Text
  • Source Code
  • Coding Challenge - Apply HTML Tags Exercise 1
  • Exercise Source Code
  • Web Design HTML5 6 Text Formats HTML
  • Source Code
  • How to add HTML comments Learn HTML5 Commenting
  • Source Code
  • Make links with HTML anchor tag HTML HyperLinks Anchor.
  • Source Code
  • HTML Challenge Exercise Apply HTML Tags Exercise 2
  • Source Code
  • Adding MailTo sending Email link HTML MailTo send Email.
  • Source Code
  • How to add IMG tags add images to HTML Image Tags in HTML
  • Source Code Images
  • Exercise 3 Mini Resume to Social
  • Source Code Challenge 3
  • HTML5 Web Design creating lists in HTML tag HTML List Options UL OL DL
  • Source Code Lists
  • How to add HTML Tables to your Web Pages Table Tag in HTML how to use it
  • Source Code Tables
  • HTML course Coding Challenge Go Back In Time Challenge 4
  • Challenge Source Code
  • Web Design with HTML How to create HTML Block and Inline Elements
  • HTML Block and Inline Elements Source Code
  • New HTML5 Semantic Elements what are HTML5 Semantic Elements
  • HTML5 Semantic Elements
  • Create a FREE website Upload your HTML on Get On GitPages
  • Create a Resume with HTML upload your Resume Challenge Coding HTML
  • Source Code GitHub Pages URL
  • learn to create HTML Forms - HTML5 new form elements explained with examples
  • Form Source Code
  • How to create Forms with HTML tags HTML Forms Part 2
  • Source Code Send Email
  • Learn about Form Field Options with HTML5 Form Tags
  • Source Code Form Field Options
  • HTML5 how to use FieldSet and Form creation in HTML web design options for forms
  • What are HTML iframe how to create iframes HTML
  • Source Code HTML iFrame
  • HTML and Audio options Playing Sound Audio and Video Tags
  • Source Audio and Video Tags
  • What are HTML Meta tags and what HTML meta tags should be used HTML Meta Tags
  • Source Meta tag
  • Common Tags with Source Files HTML and Web Design Tags
  • Source Common Tags with Source Files
  • Debugging Your HTML - How to debug your code and comment your code
  • Debugging Resources

HTML Challenges

  • HTML Challenges Section Introduction
  • Introduction HTML Practice Section
  • HTML setup for page website Setup HTML
  • ViewPort HTML MetaData
  • Source Code
  • HTML Page Basic Structure.
  • Source code
  • Create more Pages Template.
  • Source Code
  • HTML Tables
  • Source Code
  • HTML Dummy Text and Placeholder images
  • Source Code
  • HTML5 Editable contenteditable
  • contenteditable how it works in HTML5 Source Code example
  • Dynamic Form Values HTML5.
  • HTML5 Dynamic Form Values Code Example
  • HTML5 Canvas draw with JavaScript
  • HTML5 Draw on Canvas Code Example

Common HTMl questions with Coding Examples

  • HTML table coding examples
  • Source Code HTML Tables

CSS and Web Styling Web Design

  • Introduction to CSS and how to apply CSS to web pages for modern website design
  • Find out more about CSS What is CSS and how it works.
  • Resources
  • How to write CSS adding CSS to web pages and CSS Syntax
  • Source Code
  • Web Design and Writing CSS for modern web pages.
  • source code
  • How to comment CSS code ways to apply Comments CSS
  • Source Code Comments
  • What are CSS selectors and how to use CSS selectors to get page elements
  • Source Code CSS selectors
  • Setting colors different CSS Color Units Listed
  • Color Options Source Code
  • CSS color Background Challenge
  • Coding Challenge CSS - CSS color Background Challenge
  • CSS color Background ChallengeEnd Code
  • Adding CSS Background Images setting Background properties and values CSS3
  • CSS how to Adjust image Background Size and position options
  • Source Code CSS Background Shorthand
  • How to set Element Height and Width with CSS
  • Source Height and Width
  • How to Use Chrome DevTools for web design and web Development.
  • Chrome DevTools
  • Setting CSS Units - values and options for CSS Units
  • How to add and create CSS Borders
  • Source Code
  • How to apply Margin with CSS to elements on the web page
  • CSS margin Source Code
  • What is CSS Padding and how to set element Padding values
  • Source Code Margin and Padding CSS
  • What is the Box Model and how it works in CSS - Border - Padding - Margin
  • Using CSS Outline - create outline borders for HTML elements
  • CSS outline source
  • Examples of Pseudo Classes CSS and what are CSS Pseudo Classes
  • Source Code Pseudo Classes CSS
  • What are Pseudo Elements CSS - how to write CSS code for Pseudo Elements
  • Source Code
  • Adding Font Styles - selecting web fonts and updating font-family Fun Fonts CSS
  • Source Code Fonts
  • How to add Google Fonts to your website using Google Fonts CSS
  • Font Awesome Icons to Page
  • Resources and Source Code
  • Explore Text and more font CSS property options and values
  • Source Code
  • CSS Display Property How to use the CSS Display Property setting values
  • Display Source Code
  • Coding Challenge - Make a Navigation bar turn your html list items into a NavBar
  • Source Code NavBar
  • How to set CSS Position - position property options for values
  • Position Source Code
  • What is z Index CSS and how to set z Index in CSS
  • Source Code zIndex
  • How to handle Overflow of Element Content.
  • Source Code Overflow
  • PROJECT Side Bar NavBar and Content with Position Property
  • SideBar Nav Project Source Code
  • How to set CSS Float Elements CSS
  • Source Code Floats
  • Coding Challenge - 3 Column Website Project using Floats create a website
  • WebSite Exercise Source Code Use Floats for Web Template
  • Coding Challenge - Create a Website Image Gallery Website Using Floats - create
  • WebSITE Project Source Code Image Gallery with Floats
  • Update Mouse Cursor pointer with CSS - Mouse Cursor Changes
  • How to Use CSS Advanced Selectors and more selection options
  • Source Code
  • How to make website Responsive Media Queries with CSS
  • Source Code Media Queries
  • CSS selector specificity how to CSS selector specificity works.
  • Source Code

Advanced CSS Explore more with CSS3 Create webpages easily

  • Explore more CSS and CSS3 design your website with styling
  • How to Create CSS Linear Gradients
  • Linear Source Code
  • How to Create CSS Radial Gradients
  • Source Code
  • How to create CSS 2D Transforms
  • Source Code
  • Learn about CSS 3D Transforms and how to apply CSS 3D Transforms
  • Source Code
  • How to make animations with CSS - CSS Animations
  • Source Code

CSS Layouts FlexBox and CSS Grid

  • Create modern website layouts using CSS3 responsive web design
  • What is CSS FlexBox Layout how to create a layout with Flexbox
  • Source Code
  • Coding Challenge - How to create a NavBar using Flexbox - Flex NavBar Challenge
  • Source Code NavBar using Flex
  • How to apply element Sizing with Flexbox.
  • Source Code size and position
  • How to use Flexbox to size items on the page- Flex items Size
  • Source Code Flex Items
  • Coding Challenge - Flex Image Gallery Challenge Create an image gallery website
  • Source Code Challenge Final
  • Introduction to the CSS Grid Layout - creating websites with Grid Layout
  • Source Code Grid
  • How to use CSS Grid to make Rows and Columns
  • Source Code Columns and Rows
  • How to make CSS Grid Rows and Columns setting Width
  • Source Code
  • What are Grid Items CSS Grid lesson
  • Source Code
  • Setting CSS Grid Area Names and more
  • Grid Area names Source
  • HTML for next Lesson Challenge
  • Coding Challenge -creating websites using CSS Grid - setup and design web pages
  • Example Source Code

Common CSS questions and Answers for interview preparation and practice

  • CSS Section Introduction Common Questions
  • Explore more about what CSS common CSS questions
  • Simple HTML Webpage and CSS Source Code
  • CSS Box Model What is the Box Model and How it Works
  • Box model CSS Code Snippet
  • What is CSS zIndex and how is it used
  • Zindex and nth-child example Code for CSS practice
  • What are pseudo-elements in CSS with examples
  • Pseudo Elements commonly used in CSS code Snippet examples
  • What are pseudo-classes in CSS with examples of pseudo-classes
  • Code examples for Pseudo-classes in CSS
  • Box Sizing and CSS Box model examples to have 2 divs inline at 50%
  • Box Sizing with CSS Box Model Code Example and Code Snippet
  • CSS Font Sizes
  • Example of CSS font size options
  • How to create a rainbow effect with CSS
  • CSS rainbow code snippet example CSS code
  • Linear Gradient CSS coding examples how to apply color with Linear Gradient
  • CSS linear Gradient property examples

CSS Challenges

  • CSS Challenges Section
  • CSS Challenge Add Google Font
  • Source Code HTML and CSS
  • Pseudo Classes First Letter Change
  • Source Code
  • 2 Column Design CSS
  • Source Code
  • Center Content Using Margin
  • Source Code
  • Pseudo Class Hover Element
  • Source Code
  • Pseudo Class Hover Anchor.
  • Source Code
  • Make it Responsive Media Size
  • Source Code
  • Box Model Exercise
  • Source Code
  • Float images to left of text.
  • Source Code

JavaScript Introduction

  • Introduction to coding JavaScript for web design make pages interactive
  • Welcome to JavaScript how to start writing code with JavaScript
  • JavaScript Resources
  • Running JavaScript in your browser Writing JavaScript
  • JavaScript and HTML.
  • Source Code
  • how to add Comments JavaScript
  • Source Code
  • Output Options JavaScript
  • Source Code
  • JAVASCRIPT Code Challenge - Output Action Challenge.
  • Introduction to JavaScript Variables.
  • Source Code
  • Let and Const Variables JavaScript
  • Source Code
  • Data Types JavaScript explore different types of data
  • Source Code
  • Coding Challenge - Create User input with Prompt Code JavaScript
  • Source Code
  • Template Literals Javascript using Backticks
  • Source Code
  • Coding Challenge -JAVASCRIPT Code Challenge -Prompt Challenge
  • Source Code
  • Explore JavaScript Type Conversion and Coercion.
  • Source Code
  • Coding Challenge - Get the data type Type Challenge using JavaScript Code
  • Source Code
  • What are JavaScript Operators and how to use them,
  • Source Code
  • What are JavaScript Assignment Operators
  • Source Code
  • JavaScript Comparison Operators
  • JavaScript Truthy and Falsey explained
  • Source Code
  • JavaScript if else and else if Conditional Statements
  • Source Code
  • Coding Challenge - practice JavaScript code learn and explore the code with a ch
  • Source Code
  • javaScript Ternary Operator Conditional (ternary) operator
  • Source Code
  • JavaScript Logical Operators Example
  • Source Code
  • JavaScript Switch Statement
  • Source Code
  • Coding Challenge - Create a Simple Game Switch Friends Challenge with JavaScript
  • Source Code
  • What are JavaScript Functions
  • Source Code
  • JavaScript Function Parameters
  • Source Code
  • JavaScript Function Return
  • Source Code
  • JavaScript Function Expression vs function declaration with examples
  • Source Code
  • Function Scope JavaScript
  • Source Code
  • JavaScript Function closures Example of JavaScript Closures
  • Source Code
  • What is JavaScript Function Recursion with recursion examples
  • Source Code
  • Coding Challenge - Explore how you can use JavaScript code to create a fun game
  • Source Code
  • IIFE (Immediately Invoked Function Expression) JavaScript function
  • Source Code
  • ES6 JavaScript New Arrow Functions JavaScript.
  • Source Code
  • Explore JavaScript Objects create objects with JavaScript
  • Source Code
  • Learn more about JavaScript Objects Part 2
  • Source Code
  • Coding Challenge - Objects around Create a Car Object Challenge
  • Source Code
  • What are JavaScript Objects Part 3
  • Source
  • How to Create JavaScript Objects
  • Source Code
  • Introduction to JavaScript Arrays - create arrays to hold data with JavaScript
  • Source Code
  • Adding Values within the JavaScript Array
  • Source Code
  • Do more with Arrays - using Array Methods JavaScript
  • Source Code
  • Explore JavaScript Arrays Array Methods Part 2
  • Source Code
  • JavaScript Array Methods Advanced.
  • Source Code
  • How to create JavaScript Loops - iteration with JavaScript code
  • Source Code
  • Get contents of an array with a Loop - Loop Array Contents
  • Source Code
  • How to get Object properties and values with JavaScript to Loop Object Contents.
  • Source Code
  • JavaScript Array Map Method example code
  • Source Code
  • Create random values using JavaScript Math.
  • Source Code
  • Get the current Date object - JavaScript Date
  • Source Code

JavaScript DOM

  • JavaScript DOM Introduction.
  • JavaScript DOM - Introduction to dynamic and interactive webpage content
  • Select and Element JavaScript DOM
  • Source Code
  • How to Select Web Page elements using JavaScript - Element Selectors
  • Source Code
  • How to use Element QuerySelectorAll JavaScript DOM element selection methods
  • Source Code
  • DOM content updates - JavaScript Manipulation InnerContent
  • Source Code
  • How to update Element Attributes - using JavaScript DOM
  • Source Code
  • Setting Element Attribute Updates using JavaScript code
  • Source Code
  • How to manipulate Page elements - JavaScript and Classes
  • Source Code
  • Element Children and Traversing web page elements using JavaScript
  • Source Code
  • JavaScript DOM More Traversing of elements from the web page
  • Source Code
  • How to update and apply Element Manipulation Styles using JavaScript
  • Source CODE
  • How to create Page Elements using JavaScript Code
  • Source Code
  • Coding Challenge - Page Element Append Prepend Challenge using JavaScript Code
  • Source Code
  • How to Remove an Element from your webpage using JavaScript Code
  • Source Code
  • Creating element clones - JavaScript code to duplicate page elements
  • Source Code
  • JavaScript Web page interactions - Adding Event Listeners.
  • Source Code
  • JavaScript Element Events Bubble and Capture Event Listeners
  • Source Code
  • Do even more with JavaScript Event Listeners
  • Source Code
  • JavaScript Event Listeners for Keyboard Events also on elements keyboard events
  • Source Code
  • Coding Challenge - Dynamic Shopping List using JavaScript List Challenge Events
  • Source Code

JavaScript Advanced Coding

  • Explore more advanced options with JavaScript and dynamic and interactive web
  • learn about JavaScript Number Methods
  • Source Code
  • What are JavaScript String Methods and to use them to update string values
  • Learn about JavaScript String Methods Part 2.
  • String Methods Source Code
  • What is JavaScript Math Object and how it works create random values JavaScript
  • Source Code
  • How to get Random Item From Array - randomize array items select random value
  • Source Code
  • Coding Challenge - how to create Random Page Background
  • Source Code
  • Load JavaScript once page is loaded DOMContentLoaded document ready
  • Source Code
  • Coding Challenge Element Mover Challenge move webpage elements with JavaScript
  • Source Code
  • How to use JavaScript Date and write the date in JavaScript update date object
  • Source Code
  • Turn objects into strings and strings into objects JSON parse and Stringify.
  • Source Code
  • File protocol vs the http protocol - accessing and setting local machine
  • Source Code
  • what is localstorage and how to store values in the browser with JavaScript
  • Source Code
  • setting up code to run after time TimeOuts and Intervals in JavaScript
  • Source Code
  • Creating JavaScript prototypes to do more with JavaScript Make a prototype.
  • Source Code
  • Making an AJAX request with JavaScript How to use JavaScript Fetch
  • Source Code

Common JavaScript questions and Answers for interview preparation and practice

  • PDF Guide with Source Code for 10 JavaScript Projects.
  • window cancelAnimationFrame requestAnimation Frame code
  • requestAnimationFrame and cancelAnimationFrame Code Sample
  • parseInt vs Number methods
  • JavaScript Switch Statement
  • Switch Statement Code Example
  • Example of using Continue and Break in For loop and While Loop
  • Source code example of continue and break in loops
  • Keyboard Event Listeners - Dynamically Add Page Elements input and divs
  • Source Code - Create Page Input on the Fly that have Keyboard event listeners
  • Create Page Elements add Dynamically on the Page
  • Code Snippet Add Elements Add Eventlisteners Source Code
  • Pure JavaScript Dice - Create Elements and Build HTML for Dice
  • JavaScript Dice Project Source Code - Code Snippet
  • Create a JavaScript popup Modal
  • Source code pure javascript popup modal
  • JavaScript Request Animation Frame Simple Counter
  • Javascript code example counter code
  • QuerySelector adding elements dynamically to page use of NodeList
  • Coding Example Adding Elements to Page with Event Listeners
  • Adding Event Listeners to All Matching Elements on Page - Dynamically adding
  • Coding Example Event Listeners to Dynamically added Page Elements Source Code

Explore Rapid Web Design with Bootstrap 4 Frontend Framework

  • Introduction to Bootstrap
  • What is Bootstrap Getting to Know Bootstrap
  • How to setup webpage Setup CSS and JS files
  • Source Code
  • Find out about the Bootstrap Versions
  • What is the Grid Bootstrap 4 Grid Overview.
  • Source Code
  • How to add Classes Bootstrap add Bootstrap styling to your webpage
  • Source Code
  • How to setup Images within Bootstrap.
  • Source Code
  • Discover Bootstrap Components Alert how to create an Alert
  • Source Code
  • What are Badges in Bootstrap Discover Components Badges.
  • Source Code
  • How to setup Breadcrumbs using Bootstrap Bootstrap Components Breadcrumbs
  • Source Code
  • Colorful Buttons with Bootstrap Bootstrap Components Buttons
  • Source Code
  • Using Cards within Bootstrap Components Cards.
  • Source Code
  • Create a slideshow with images Bootstrap Components Carousel
  • Source Code
  • Add Collapse to elements using Bootstrap Components Collapse
  • Source Code
  • How to add dropdown in Bootstrap Components DropDown
  • Source Code
  • Forms and how to setup forms Bootstrap Components Forms options and field style
  • Source Code
  • Standout with Bootstrap Components JumboTron
  • Source Code
  • HTML lists styled with Bootstrap Components Lists
  • Source Code
  • How to create a modal popup using Bootstrap Components Modal
  • Source Code
  • How to create a responsive Bootstrap Nav code example
  • Source Code
  • Navbar using Bootstrap - mobile responsive navbar code Bootstrap NavBar
  • Source Code
  • Single page Nav scroll Bootstrap ScrollSpy.
  • Source Code
  • How to add Bootstrap Pagination
  • Source Code
  • How to add Bootstrap ToolTips and PopOver.
  • Source Code
  • How to add Bootstrap Spinners and progress bars with Bootstrap 4 styles
  • Source Code
  • Explore Bootstrap Components what next
  • WebSite with Bootstrap Setup a single page website from scratch
  • WebSite Add a Responsive Bootstrap NavBar.
  • Get social icons with FontAwesome Social Icons for WebSite
  • CSS Styles For Sections responsive website with Bootstrap styling
  • Bootstrap Cards for Responsive website About Page Card Component
  • Using the Bootstrap grid for webpages columns and rows Bootstrap Grid in Action
  • How to Add a SlideShow with Bootstrap Carousel component
  • Create a custom Bootstrap Contact Form using Bootstrap form styling classes
  • Responsive website coding using Bootstrap adding WebPage Footer Setup
  • Single page website Smooth Scroll and ScrollSpy with jQuery and Bootstrap
  • Complete Responsive website from scratch Final Website Overview
  • Single Page Website with Bootstrap 4 Source Code

JQuery Learn jQuery Explore how to apply jQuery to your web pages.

  • What is jQuery Find out more about jQuery and how to write jQuery Code
  • Resources for jQuery
  • Learn jQuery Why use jQuery explained
  • Source Code
  • JavaScript vs jQuery how to use jQuery and Write code
  • Source Code
  • Document Ready and DOM onload with jQuery what is document Ready and when to use
  • Source Code
  • Common jQuery Methods and how to code jQuery
  • Source Code
  • ES6 Arrow methods and jQuery This and Arrows
  • Source Code
  • How to create new elements for the page with jQuery Prepend and Append.
  • Source Code
  • How to insert elements jQuery Advanced insertAfter and Before
  • Source Code
  • How to update and add jQuery Attributes
  • Source Code
  • How to Create an Element jQuery.
  • Source Code
  • How to return field values Get Values jQuery
  • Source Code
  • How to remove elements from the page with jQuery Remove and Empty
  • Source Code
  • Coding Challenge - How to Create a jQuery List dynamic list with jQuery
  • Source Code
  • jQuery learn more about the code how it works Code Explained jQuery.
  • Source Code
  • Setting Images Attributes with jQuery updates of images in jQuery
  • Source Code
  • Coding Challenge - Checkbox Challenge to create effect and get values
  • Source Code
  • How to set mouse events with jQuery Mouse Events jQuery.
  • Source Code
  • How to set Keyboard Events jQuery add event listeners with jQuery
  • Source Code
  • Dynamic Content add Event listeners with jQuery on Event Delegation jQuery.
  • Source Code
  • How to set jQuery Effects Hide Show Fade
  • Source Code
  • How to setup the jQuery Slide effect jQuery Slide Effect example code
  • Source Code
  • How to create jQuery Animations - using jQuery Animate method to move elements
  • Source Code
  • Coding Challenge - jQuery Animations Code Exercise - creating animations
  • Source Code
  • What is jQuery AJAX how to make AJAX request using jQuery methods load get
  • Source Code
  • Coding Challenge - jQuery AJAX method coding exercise try AJAX with jQuery
  • Source Code
  • Looping through jQuery Objects - Each method with jQuery how to use it
  • Source Code
  • How to traverse the DOM tree with jQuery jQuery Traversing DOM Tree.
  • Source Code
  • How to use Filter and Find elements with jQuery.
  • Source Code
  • jQuery Learn more about jQuery with Code snippets and Examples

Simple Websites from scratch

  • Website from scratch Simple Website.
  • Tools and Resources
  • Resources and Source Code
  • Simple Website CSS
  • Source Code
  • Three Column Website
  • Source Code
  • Three Column Website Flexbox
  • Source Code
  • Three Column Website CSS Grid
  • Source Code
  • HTML form CSS Grid
  • Source Code
  • Website Review and Conclusion

WebSite Project Three Column Website from Scratch

  • Website from scratch Three Column Design.
  • WebSite Planning.
  • Source Code
  • Setup HTML Structure.
  • Source Code
  • Apply CSS to HTML
  • Source Code
  • Setup Page Content Columns.
  • Source Code
  • Page Footer CSS
  • Source Code
  • Responsive Columns CSS
  • Source Code
  • NavBar Maker CSS.
  • Source Code
  • Responsive CSS Navbar.
  • Source Code
  • Final Code Review Updates.
  • Source Code

WebSite from scratch Fat Footer Website Flex

  • Website Fat Footer Design
  • Setup of HTML Code
  • Source Code
  • WebSite WireFrame
  • Add Page HTML from Wireframe.
  • HTML Source Code
  • Setup CSS for Page
  • Source Code
  • Header and Footer Style.
  • Source Code
  • Logo and Nav in Header.
  • Source Code
  • Footer Styling CSS
  • Source Code
  • Social Icons Font Awesome
  • Source Code
  • Footer Bottom Copyright Plu
  • Source Code
  • Website Fat Footer with Flex Conclusion
  • Final Project Source Code

CSS Grid Website with Flex Navbar

  • Modern Website Design CSS Grid Site
  • Website Planning and Wireframe
  • Create Page HTML Structure
  • Source Code
  • Add Dummy Content HTML
  • Source Code
  • Add CSS Grid
  • Source Code
  • Mobile First Responsive Design
  • Source Code
  • Responsive navBar.
  • Source Code
  • Apply Styling CSS Fun
  • Source Code
  • Header Footer CSS
  • Source Code
  • Add Color and Font Style
  • Source Code
  • CSS Grid Conclusion.

Single Page Website Sticky Bottom NavBar

  • Sticky NavBar Single Page Site
  • HTML Setup for WebPage
  • HTML Page Structure.
  • Source Code
  • CSS Page Header.
  • Source Code
  • CSS Home Section
  • Source Code
  • Sections Styling CSS
  • Source Code
  • Create web Form
  • Source Code
  • Set Page Footer.
  • Source Code
  • Sticky NavBar
  • Source Code
  • Make Responsive CSS
  • Source Code

Instructors

Mr Laurence Svekis

Mr Laurence Svekis
Application Developer
Freelancer

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books