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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 23896
    حجم: 11745 مگابایت
    مدت زمان: 1887 دقیقه
    تاریخ انتشار: ۱۲ آذر ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید