Build an Online Paint Website

Learn Web Development Essentials and Become a Web Developer From Scratch

4.75 (2 reviews)
Udemy
platform
English
language
Web Development
category
Build an Online Paint Website
30
students
11.5 hours
content
Jan 2021
last update
$54.99
regular price

What you will learn

By the end of this course, you will have a basic & thorough understanding of HTML & CSS

Start building beautiful painting websites

Get the ball rolling for a career in web design

Build a portfolio website, so you can highlight your best web work

Description

You’ll begin by learning what HTML and CSS are, so you can get an understanding of what it is that they do. During the course, you’ll build several mini-websites that take what it is that you’ve learned and applied it to real-world exercises to help cement the skills.

Everyone from aspiring web designers to bloggers, programmers to business owners can benefit from learning some HTML and CSS. Learn to begin building your own dynamic webpages or manage the page that you already have. If you plan on becoming a web programmer or a web designer yourself, HTML and CSS are the first two languages you’ll need to succeed. In fact, HTML is required for anyone that wants to get into web development from any angle. Learning it simultaneously with CSS allows you to hit the ground running with page design.

HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily.

Taking a step-by-step approach, this course will have you learning by doing, building several mini-websites from scratch.

Learn the Two Most Important Languages to Web Design Quickly and Easily.

Content

Course Overview

01 Project Preview
02 What You'll Need
Source Files

(Prerequisite) Introduction to HTML

01. Course Requirements
02. What Is JSbin
03. Setting Up The HTML Document
04. Header Tags And Paragraphs Tags
05. Styles
06. Bold Underline And Italic Tags
07. Adding In A Link
08. Adding In A Image
09. Adding A Link To An Image
10. Lists
11. Tables
12. Different Kinds Of Input
13. Adding In A Submit Button
14. Scripts And Style Tags

(Prerequisite) Introduction to JavaScript

01. Course Requirements
02. HTML, CSS And Javascript Crash Course
03. Adding Code To The CSS
04. Adding In IDs To The CSS
05. Classes In CSS
06. Font Families
07. Colors In CSS
08. Padding In CSS
09. Text Align And Transforms
10. Margins And Width
11. Changing The Body
12. Latin Text Generator
13. Adding In A Horizontal Menu With HTML And CSS
14. Adding A Background Image
15. Playing Around With Margins In CSS

00d (Prerequisite) Intro to Javascript

01 Introduction To The Course
Source Files

Variables and Data Types

02 01 What Will We Learn In This Section
02 02 Variables
02 03 Data Types
02 04 Variable Mutation
02 05 Type Coercion
02 06 Coding Challenge
02 07 Coding Challenge Solution
02 08 Section Summary
Source Files

Operators

03 01 What Will We Learn In This Section
03 02 Basic Operators
03 03 Operator Precedence
03 04 Coding Challenge
03 05 Coding Challenge Solution
03 06 Section Summary
Source Files

Conditional Statements

04 01 What Will We Learn In This Section
04 02 If Else Statements
04 03 Boolean Logic
04 04 Switch Statements
04 05 Truthy And Falsie Values
04 06 Equality Operators
04 07 Coding Challenge
04 08 Coding Challenge Solution
04 09 Section Summary
Source Files

Functions and Arrays

05 01 What Will We Learn In This Section
05 02 Functions
05 03 Function Statements And Expressions
05 04 Arrays
05 05 Coding Challenge
05 06 Section Summary
Source Files

Objects

06 01 What Will We Learn In This Section
06 02 Objects And Properties
06 03 Objects And Methods
06 04 Objects Vs Primitives
06 05 Coding Challenge
06 06 Coding Challenge Solution
06 07 Section Summary
Source Files

Loops

07 01 What Will We Learn In This Section
07 02 Loops
07 03 Iteration
07 04 Coding Challenge
07 05 Coding Challenge Solution
07 06 Section Summary
Source Files

JavaScript Execution

08 01 What Will We Learn In This Section
08 02 Javasript Parsers And Engines
08 03 Execution Contexts And Execution Stack
08 04 Creation And Execution Phases
08 05 Hoisting
08 06 Scoping
08 07 Scope Chain
08 08 This Keyword
08 09 Coding Challenge
08 10 Coding Challenge Solution
08 11 Section Summary
Source Files

Build the User Interface

01 Set Up The Project
02 Build A Toolbar
03 Import Bootstrap Icons
04 Build A Canvas
Source Files

Build Toolbar Functionality

01 Build Main Javascript Files
02 Build Tool Controls
03 Launch A Server
03A Install Http Server
03B Disable Cache
04 Load An Image From User's Computer
04A Where To Find Images
05 Put Image Onto Canvas
06 Resize Canvas To Fit Image
07 Save Image
08 Undo An Action
09 Redo An Action
Source Files

03 Build Drawing Functionality

01 Enable Freehand Drawing Tool
02 Listen For Mouse Down
03 Listen For Mouse Move
04 Listen For Mouse Release
05 Highlight Selected Tool
Source Files

Build Shape Tools

01 Draw A Line
02 Create A Temporary Canvas
03 Draw A Rectangle
04 Draw A Filled Rectangle
05 Draw A Circle
06 Draw A Filled Circle
Source Files

Build Color Pickers

01 Build A Stroke Color Picker
02 Get User Input Of Stroke Color
03 Build A Fill Color Picker
04 Get User Input Of Fill Color
Source Files

Build a Text Tool

01 Build A Text Tool
02 Draw Text On Canvas
Source Files

Charts

Price

Build an Online Paint Website - Price chart

Rating

Build an Online Paint Website - Ratings chart

Enrollment distribution

Build an Online Paint Website - Distribution chart

Related Topics

3809070
udemy ID
1/28/2021
course created date
2/1/2021
course indexed date
Bot
course submited by