Complete Web Design: HTML, CSS, Javascript, jQuery, Vue, Git

سرفصل های دوره

6 Courses in 1! Learn Webdesign and Become a Professional Front End Web Developer! From Complete Beginner to Advanced.

01 - First Steps with HTML & CSS

001 Downloading Visual Studio Code

002 Basic Structure of an HTML Document

003 HTML Elements (Tags)

003 Link-to-Prototype-Projects-1-2-and-3.pdf

004 Lists and Links

005 Images and Videos

006 Styles

007 HTML5 Semantic Elements

008 The Developer Tools & More CSS Properties (Part 1)

009 The Developer Tools & More CSS Properties (Part 2)

010 Classes, IDs, and CSS Selectors

011 Styling the Content of the Article

012 Styling the List of Links

013 Fonts

014 Styling the Social Links

015 Colors

015 Project-1.zip

015 Project-1-Invision-File.zip

02 - Diving Deeper Into HTML & CSS

001 Introducing the Next Project & Setup

001 Link-to-Prototype-Projects-1-2-and-3.pdf

002 Starting with the Header

003 Alignment of Header Items With Flexbox

004 Fixed Position on Header

005 Doing the Logo in HTML & CSS

006 Background Image of Hero Section

007 Text Area of Hero Section (Part 1)

008 Text Area of Hero Section (Part 2)

009 Starting the Best Sellers Area

010 The 3 Products Section

011 Individual Product Boxes

012 Product information

013 Applying the New Tag

014 Discounted price

015 Newsletter Section

016 Styling the newsletter elements

017 The Footer Element

018 Bottom Navigation

019 HTML Entities

020 Hover states

external-links.txt

03 - Responsive Design with CSS Media Queries

001 Intro to CSS Media Queries

001 Link-to-Prototype-Projects-1-2-and-3.pdf

002 Setting up the Breakpoints

003 A Note About Media Queries Organization

004 Designing the Header Navigation

005 Designing the Hero Section

006 Responsive Images with HTML5s Picture Element

007 The Best Sellers Section

007 styles-responsive-finished.zip

008 Newsletter and Footer

009 Internal Links

009 Project-2-Tech-Homepage.zip

009 Project-2-Tech-Shop-Invision.zip

04 - Hosting & Domain - Publishing Our Website Online

001 Hosting and Domain - A Brief Explanation

002 Using a Free Hosting Service

003 Configuring FTP

004 Using a Paid Hosting Service

005 Setting up a Customized .COM Domain Name

05 - Javascript Basics

001 Javascript Course Intro

001 javascript-course.zip

002 First Steps With Javascript

003 Javascript Syntax

004 DOM - Document Object Model

005 Working With The DOM

006 Variables

007 Data Types Strings

008 Data Types Numbers (Part 1)

009 Data Types Numbers (Part 2)

010 Data Types Booleans

011 Data Types Null and Undefined

012 List Of Exercises # 1

013 List Of Exercises # 1 (Solution - Part 1)

014 List Of Exercises # 1 (Solution - Part 2)

015 Functions

016 Data Types Arrays

017 Data Types Objects

018 Objects Methods

019 List Of Exercises # 2

020 List Of Exercises # 2 (Solution - Part 1)

021 List Of Exercises # 2 (Solution - Part 2)

06 - Diving Deeper into Javascript

001 Events

002 CSS Manipulation

003 More getElement Methods

004 For and For in Loops

005 While Loops

006 Conditionals

007 Conditionals (Part 2)

008 Nested Loops and Conditionals

009 Variable Scope

010 List Of Exercises # 3

011 List Of Exercises # 3 (Solution - Part 1)

012 List Of Exercises # 3 (Solution - Part 2)

013 List Of Exercises # 3 (Solution - Part 3)

014 BOM - Browser Object Model

015 Date & Time

016 Challenge - Calculating Date Intervals

017 Time Methods

018 Clock Challenge

019 Break and Continue

020 Forms

021 Forms (Part 2)

022 The onchange Event

023 List Of Exercises # 4

024 List Of Exercises # 4 (Solution - Part 1)

025 List Of Exercises # 4 (Solution - Part 2)

026 List Of Exercises # 4 (Solution - Part 3)

027 List Of Exercises # 4 (Solution - Part 4)

028 List Of Exercises # 4 (Solution - Part 5)

07 - Project # 3 - WeDesign Website

001 Presentation

001 Wedesign-en.zip

002 Mobile Menu

003 About Us Section

004 Our Services Sections

005 Contact Form

006 Copyright Year on Footer

006 Wedesign-solved.zip

08 - jQuery

001 jQuery Intro

002 jQuery Syntax

003 DOM Manipulation

004 Forms

005 Forms (Part 2)

006 CSS Classes Manipulation

007 Events

008 Events Challenge

009 Effects

010 The Animate Method

011 Download The scripts.js File Used Throughout The Course.html

09 - Project # 4 - Online T-Shirt Store

001 Presentation of the project

001 tshirts.zip

002 Getting the Search Parameters

003 Update Order Details

004 Calculate the Price

005 Update the Product Photo

006 The Change Event For The Quantity and Style Filters

007 The Change Event For The Color and Quality Filters

008 Formatting the Price

008 tshirts-solved.zip

10 - Vue JS Basics - Project #5

001 Setting up the Workspace

001 Vue-Course-Material.zip

002 Declarative Rendering and Data Objects

003 Setting up Vue Dev Tools

004 Directives and For Loops

005 Event Handlers - The v-on Directive

006 A Bug in Chrome Dev Tools

007 Event Modifiers (Stop Propagation) and Attribute Binding

008 Filling up The Order Details Section

009 Working with Methods

010 User Input and Two-Way Data Binding (Part 1)

011 User Input and Two-Way Data Binding (Part 2)

11 - Project #6 - To-Do List App

001 Project Presentation - To-Do List App

002 Setting up Vue JS

003 Adding To-Dos

004 Setting the Done & Undone Functionality

005 Using Localstorage to Load To-dos

006 Lifecycle Hooks

007 Loading Data from Localstorage

008 Updating Localstorage on Clear and Update

12 - Project #7 - Quiz Game Project using the Vue CLI

001 Project Presentation - Quiz Game

002 Create a Vue JS Application with the Vue CLI

003 The Application Boiler Plate

004 Clean up Unused Component and HTML Structure

005 HTTP Requests with Axios

006 Making Requests to the Open Trivia API

007 Showing the Question Data on the Page

008 The Answers Array - Computed Properties

009 Shuffling the Answers Array

010 Rendering the Answers Radio Buttons

011 Submitting the Answer

012 Presenting the Result

013 Getting the Next Question

014 The Score Component

015 Passing Data to Child Components

13 - Project #8 - Vuex & Vue Router

001 Project Presentation - Shopping Bag

002 Setting up Vue Router

003 Using Axios to Get Products Data

004 Working with Vuex

005 Setting Up Actions and Mutations - Part 1

006 Setting Up Actions and Mutations - Part 2

007 Rendering the Products

008 Adding Products to Bag

009 Avoiding Repeated Items on Shopping Bag

010 Removing Items from Bag

011 The Mapstate Helper

012 Listing items in the Shopping Bag

013 Calculating the Order Total

14 - Project #9 - Composition API

001 Options API x Composition API

002 Project Presentation - Task Manager

002 Task-Manager-Initial-and-Final.zip

003 Reactivity with Ref

004 Reactivity with Reactive

005 Components, Props and Scoped Styles

006 Adding IDs to Tasks

007 Filtering Tasks By State

008 Computed Properties

009 Code for the Modal Component.html

010 The Modal Component

011 Component Slots

15 - State Management with Pinia - The Vuex Replacement

001 What is State

002 Getting Started with Pinia

003 Completing the Tasks Store

004 The New Task Modal Functionality

005 Adding the State to the Local Storage

16 - Getting Started With Git

001 Introduction

002 Git Installation

003 How to Run Git

004 Create a New Repo

005 Add Files to the Staging Area and Create Your First Commit

006 When to Commit - Best Practices

007 The VS Code Source Control Tab

008 Exercise #1

17 - Branches

001 The Importance of Branches

002 Working with Branches

003 Merging Branches

004 Resolving Conflicts

external-links.txt

18 - Remote Repos

001 Create a Github Account

002 Push and Pull From Remote Repos

003 Close Features and Update the Remote Repo

19 - GUI Clients for Git

001 GUI Clients for Git

002 Basic Git Commands on the Github Desktop App

003 Resolve Conflicts from the Github Desktop App

004 Revert Commits from the Github Desktop App

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy