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

JavaScript Beginner Bootcamp (2023)

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

JavaScript for Beginners: Projects based learning, whiteboard animations, coding in the browser and quizzes.


01 - Course Overview
  • 001 Course Overview
  • external-links.txt

  • 02 - JavaScript Building Blocks
  • 001 Variables
  • 002 Navigating to new lines in the Chrome Console.html
  • 003 Variables Lab
  • 004 Variables Cheat Sheet.html
  • 005 Strings
  • 006 Strings Lab
  • 007 Strings Cheat Sheet.html
  • 008 Operators
  • 009 Operators Lab
  • 010 Increment & Decrement Operators
  • 011 Operators Cheat Sheet.html
  • external-links.txt

  • 03 - JavaScript Building Blocks Mini Apps
  • 001 Mini Project Kelvin to Fahrenheit.html
  • 002 Mini Project Kelvin to Fahrenheit - Video Review
  • 003 Mini Project Cat Years.html
  • 004 Mini Project Cat Years - Video Walkthrough
  • external-links.txt

  • 04 - JavaScript Objects
  • 001 Objects
  • 002 Objects Lab
  • 003 Objects Cheat Sheet.html
  • 004 Objects - Dot & Bracket Notation
  • 005 Objects Dot & Bracket Notation Lab
  • 006 Object Constructor Functions
  • 007 Object Constructor Functions lab
  • 008 The Secret Life of JavaScript Primitives

  • 05 - JavaScript Arrays
  • 001 Arrays
  • 002 Arrays lab
  • 003 Array Methods Part 1
  • 004 Array Methods Part 1 lab
  • 005 Array Methods Part 2
  • 006 Array Methods Par 2 lab
  • 007 Arrays Review

  • 06 - JavaScript Arrays Mini App
  • 001 Mini Project Random Insult Generator.html
  • 002 Mini Project Random Insult Generator - Video Review
  • external-links.txt

  • 07 - JavaScript Functions
  • 001 Functions
  • 002 Functions lab
  • 003 Functions Deep Dive - Expressions, Anonymous functions & IIFEs
  • 004 Functions Deep Dive lab
  • 005 Function Scope
  • 006 Function Scope lab

  • 08 - JavaScript Functions Mini Apps
  • 001 Mini App Bear, Human, Gun Game.html
  • 002 Mini App Bear, Human, Gun Game - Video Walkthrough
  • 003 Bear, Human, Gun Step by Step Walkthrough
  • 004 Mini App Calorie Calculator.html
  • 005 Mini App Calorie Calculator - Video Walkthrough
  • 006 Calorie Calculator Step by Step Walkthrough
  • external-links.txt

  • 09 - JavaScript Loops & Conditionals
  • 001 Loops - Conditional Statements & Operators
  • 002 Loops Part 1 lab
  • 003 Switch Statements
  • 004 Switch Statements Lab
  • 005 Loops Part 2 - For Loops, While Loops & DoWhile
  • 006 Loops Part 2 lab

  • 10 - JavaScript Loops & Conditionals Mini App
  • 001 Magic Eight Ball.html
  • 002 Magic Eight Ball - Video Walkthrough
  • external-links.txt

  • 11 - JavaScript Regular Expressions
  • 001 Regular Expressions Intro
  • 002 Regular Expressions Resource.html
  • external-links.txt

  • 12 - Context This, Bind, Call & Apply
  • 001 This & Bind
  • 002 This & Bind Lab
  • 003 This & Call
  • 004 This & Call Lab

  • 13 - Functional Programming Primer
  • 001 Functional Programming Part 1 - Intro and Filter
  • 002 Functional Programming Part 1 lab
  • 003 Functional Programming Part 2 - Map
  • 004 Functional Programming Part 2 - Map
  • 005 Functional Programming Part 2 lab
  • 006 Functional Programming Part 3 - Reduce
  • 007 Functional Programming Part 3 lab
  • 008 Array Methods - Further Reading.html
  • 008 ebook-exploring-javascript-array-methods.pdf

  • 14 - JavaScript Algorithms
  • 001 Identify Unique String
  • 002 Identify Longest Word in a String
  • 003 Permutation of Two Strings
  • 004 Sum of Range
  • 005 Remove Elements From Head
  • 006 Palindrome

  • 15 - ES6
  • 001 Let Statements
  • 002 Let Statements Lab
  • 003 Const Declaration
  • 004 Template Literals
  • 005 Template Literals Lab
  • 006 Arrow Functions
  • 007 Arrow Functions Lab
  • 008 Spread Operator
  • 009 Spread Operator Lab
  • 010 forEach Method
  • 011 forEach Method Lab

  • 16 - JavaScript Whiteboard Algorithm Challenges
  • 001 Environment Setup.html
  • 002 Name Swap - Built in Functions
  • 003 Name Swap - Built in Functions - Final Code.html
  • 004 Name Swap - Indices
  • 005 Name Swap - Indices - Final Code.html
  • 006 Remove Odd Number from Array with Modulus Operator and For Loops
  • 007 Remove Odd Number from Array with Modulus Operator and For Loops - Final Code.html
  • 008 Remove Odd Numbers from Array with Filter Method
  • 009 Remove Odd Numbers from Array with Filter Method - Final Code.html
  • 010 Repeat a String with for loop
  • 011 Repeat a String with for loop - Final Code.html
  • 012 Repeat a String with while loop
  • 013 Repeat a String with while loop - Final Code.html
  • 014 Find the Longest String with replace method and regular expressions
  • 015 Find the Longest String - Final Code.html
  • 016 Find the Longest String with replace method and regular expressions with For Of
  • 017 Find the Longest String Part II - Final Code.html
  • 018 Alphabetize String with sort() method
  • 019 Alphabetize String - Final Code.html
  • 020 Alphabetize String with sort() method and spread syntax
  • 021 Alphabetize String Part II - Final Code.html
  • 022 Watch and Code - Section.html
  • 023 Reverse a String
  • 024 Filter Strings in an Array
  • 025 Find Largest Number in an Array - Codepen.html
  • 026 Find Largest Number in an Array
  • 027 Reverse a String with built in functions
  • 028 Reverse a String with built in functions - Final Code.html
  • 029 Reverse a String with spread syntax
  • 030 Reverse a String with spread syntax - Final Code.html
  • 031 Reverse a String with for loop
  • 032 Reverse a String with for loop - Final Code.html
  • 033 Reverse a String with for of loop
  • 034 Repeat a String with for of loop - Final Code.html
  • 035 Is Palindrome
  • 036 Palindrome - Final Code.html

  • 17 - JavaScript and the DOM
  • 001 Introduction to the DOM
  • 002 DOM tree nodes
  • 003 More About Nodes

  • 18 - Project Todo App with Local Storage - Beta Release
  • 001 Release Schedule for Todo List App.html
  • 002 Todo List Project Overview
  • 003 Lesson Two - document.querySelector() and document.getElementById() methods
  • 004 Lesson 3 - Changing the DOM with document.textContent property
  • 005 Lesson 4 - More DOM methods and properties
  • 006 Lesson 5 - User interaction and event listeners
  • 007 Lesson 6 - Working with Forms
  • 008 Setting Up Dev Environment.html
  • 009 Todo App without Local Storage
  • 010 Lesson 8 - Local Storage
  • 011 Todo App with Local Storage
  • 012 lesson 10 - CSS
  • 013 lesson 11 - Hosting
  • 014 lesson 12 - Sharing Your Code
  • 015 Release Schedule for Todo List App.html
  • external-links.txt

  • 19 - Project - Matching Game - Beta Release
  • 001 Matching Intro
  • 002 Matching Part 1
  • 003 Matching Part 2
  • 004 Matching Part 3
  • 005 Matching Part 4
  • 006 Matching Part 5
  • 007 Matching Part 6
  • 008 Matching Part 7
  • 009 Matching Part 8
  • 010 Matching Part 9
  • external-links.txt

  • 20 - Quote Machine
  • 001 Quote Machine HTML & CSS.html
  • 002 Quote Machine HTML & CSS - Video Walkthrough
  • 003 Quote Machine - JavaScript.html
  • 004 Quote Machine - JavaScript - Video Walkthrough
  • 005 Deploy to Netlify

  • 21 - Dog Therapy
  • 001 Project Prerequisites.html
  • 002 Dog Therapy Preview.html
  • 003 Dog Therapy Preview - Video Walkthrough
  • 004 JSON Data and AJAX Requests.html
  • 005 JSON Data and AJAX Requests - Video Walkthrough
  • 006 How to Make an AJAX Request with the fetch() Method.html
  • 007 How to Make an AJAX Request with the fetch() method - Video Walkthrough
  • 008 Build and Style our Page with HTML & CSS.html
  • 009 Dog Therapy - JavaScript.html

  • 22 - Appendix 1 Build a Website with HTML & CSS
  • 001 Front End Website Overview

  • 23 - Front End Developer HTML
  • 001 Text Editor
  • 002 HTML Intro
  • 003 HTML Elements and Tags
  • 004 HTML Comments and Structure
  • 005 HTML Header
  • 006 HTML Hero
  • 007 HTML Services
  • 008 HTML About
  • 009 HTML Testimonials
  • 010 HTML Footer

  • 24 - Front End Developer CSS
  • 001 CSS Intro
  • 002 Full Course Code.html
  • 003 CSS Header
  • 004 CSS Footer
  • 005 CSS Hero
  • 006 CSS Services
  • 007 CSS About & Testimonials
  • 008 CSS - Internal Navigation

  • 25 - Front End Cookbook
  • 001 CSS Animations.html
  • 002 CSS Animations - Video Walkthrough
  • 003 CSS Animations Challenge.html
  • 004 CSS Animations Challenge Video Walkthrough
  • 005 CSS Transitions.html
  • 006 CSS Transitions - Video Walkthrough
  • 007 CSS Transitions Challenge transition-function-timing.html
  • 008 CSS Transitions Challenge - Video Walkthrough
  • 009 Debugging.html
  • 010 Debugging - Video Walkthrough - Part 1
  • 011 Debugging - Video Walkthrough - Part 2
  • 012 Debugging - Video Walkthrough - Part 3
  • 013 Keeping Time with Moment.js.html
  • 014 Keeping Time with Moment.js - Video Walkthrough - Basics
  • 015 Keeping Time with Moment.js - Video Walkthrough - Christmas Countdown

  • 26 - Svelt - Build Apps with Svelt.js
  • 001 New Instructor - John Smilga.html
  • 002 Svelt Info
  • 003 Section Requirements
  • 004 Text Editor Setup

  • 27 - Svelte Project - Budget Calculator
  • 001 Intro
  • 002 Starter Application
  • 003 Folder Structure
  • 004 Setup Files.html
  • 004 budget-setup.zip
  • 004 setup-files.zip
  • 005 Add Global CSS & Font Awesome
  • 006 Component Overview
  • 007 Navbar Component Intro
  • 008 Navbar Component
  • 009 Title Component
  • 010 Props Basics
  • 011 CSS
  • 012 Each Block
  • 013 Expenses Data
  • 014 Expenses Component
  • 015 Else and Passing Props
  • 016 Expense Component
  • 017 If Block
  • 018 Events
  • 019 Component Communication
  • 020 Props Drilling
  • 021 SetContext and GetContext
  • 022 createEventDispatcher
  • 023 Clear Expenses Button
  • 024 Reactivity
  • 025 Form Setup
  • 026 Two Way Binding
  • 027 Empty Values Functionality
  • 028 Form Submission
  • 029 Add New Expense
  • 030 setModifiedExpense
  • 031 Pass Edit Values into Form
  • 032 editExpense
  • 033 Toggle Form
  • 034 Lifecycle Functions
  • 035 Setup Local Storage API
  • 036 afterUpdate
  • 037 slot basics
  • 038 Complete Modal
  • 039 Transition Basics
  • 040 Transition Parameters
  • 041 Transition - in and out
  • 042 Modal Transitions
  • 043 Simple Expense Transition
  • 044 Key Expression in Each Block and Animate
  • 045 HTTP Request using onMount
  • 046 HTTP Request using #Await Blocks
  • 047 Deploy on Netlify - Drag and Drop
  • 048 Deploy on Netlify - Continuous Deployment

  • 28 - Svelte Project - Ecommerce App - Razor
  • 001 Instructor Introduction.html
  • 002 Project Demonstration.html
  • 003 Intro
  • 004 Intro
  • 005 Setup Files.html
  • 005 razors-setup-files.zip
  • 006 2-bootstrap.zip
  • 006 Bootstrap Svelte Application
  • 007 3-folder-structure.zip
  • 007 Folder Structure and Resources
  • 008 4-pages-setup.zip
  • 008 Setup Project Pages
  • 009 Svelte Router Setup
  • 010 Url Parameters
  • 011 Hero Component
  • 012 Local Data Structure
  • 013 Svelte Store BenefitsBasics
  • 014 Products Store Setup
  • 015 Flatten Products
  • 016 Store Unsubscribe
  • 017 Store Unsubscribe Shorthand
  • 018 Products Component Complete
  • 019 Single Product Complete
  • 020 Loading Component
  • 021 Featured Products
  • 022 Derived Stores
  • 023 Single Product Page
  • 024 sveltehead element
  • 025 Small Navbar
  • 026 Cart Button
  • 027 Big Navbar
  • 028 Links
  • 029 Toggle Navbars
  • 030 Basic Sidebar
  • 031 Global Store Basics
  • 032 Global Store Method
  • 033 Setup Close Sidebar Function
  • 034 Sidebar Transitions
  • 035 Cart Basics
  • 036 Cart Structure
  • 037 Cart Store Initial Setup
  • 038 Cart Items
  • 039 Single Cart Item
  • 040 Cart List Transitions
  • 041 Cart Total
  • 042 Remove Item
  • 043 Increase Amount
  • 044 Decrease Amount
  • 045 Decrease Amount Refactor - OPTIONAL
  • 046 Add To Cart
  • 047 LocalStorage Setup
  • 048 User Store Setup
  • 049 LoginLogout Links
  • 050 Checklist
  • 051 Strapi Info
  • 052 Bootstrap Strapi App
  • 053 Products Content Type
  • 054 Add Products
  • 055 API Access
  • 056 getProducts
  • 057 Products Store
  • 058 Image Problem Fix
  • 059 Login Page - Variables
  • 060 Login Page - HTML
  • 061 Login Page - Basic Functionality
  • 062 Login - General Overview
  • 063 registerUser Function
  • 064 loginUser Function
  • 065 User Store Update
  • 066 setupUser Function
  • 067 navigate
  • 068 Alert Basics
  • 069 Configure Alert
  • 070 Alert with Form Sumbissions
  • 071 Close Alert Programmatically
  • 072 Double Check Login Functionality
  • 073 Checkout Page Overview
  • 074 Checkout Page Basics
  • 075 Restrict Access
  • 076 Empty Cart
  • 077 Checkout Form - Basic Setup
  • 078 Setup Stripe Account
  • 079 Stripe Elements - HTML
  • 080 Stripe Elements - Javascript
  • 081 Stripe Token
  • 082 Empty Cart Error
  • 083 Submit Order Function
  • 084 Complete Submit Order
  • 085 Complete App
  • 086 Free Claudinary Account
  • 087 Connect Claudinary with Strapi
  • 088 Free Heroku Account
  • 089 Install Heroku CLI
  • 090 Deploy Strapi on Heroku
  • 091 Setup Backend
  • 092 Deploy Svelte APP on Netlify

  • 29 - FREE BONUS Front End Framework - React
  • 001 Getting Started From Scratch with React
  • 002 React Code.html
  • 003 Challenge - Using JSX
  • 004 Code Refactor
  • 005 Rendering One Element
  • 006 Rendering Multiple Elements
  • 007 Babel and React
  • 008 Creating Functional Stateless Components
  • 009 Stateless Functional Components Practice
  • 010 Creating Class Components
  • 011 Creating Class Components Practice
  • 012 Styling Stateless Functional Components
  • 013 Styling within Components
  • 014 Styling Class Components
  • 015 Building Your First Complex Component
  • 016 Setting Up a Project
  • 017 Building Our Components
  • 018 Styling Our Components Part I
  • 019 Styling Our Components Part II
  • 020 Props Part I - Stateless Functional Components
  • 021 Props Part II - Class Components
  • 022 Props Part III - Color Spectrum Refactor
  • 023 CodePen Challenges.html
  • 024 CodePen Challenge I
  • 025 Challenge 2
  • 026 Challenge 3
  • 027 Challenge 4
  • 028 Challenge 5
  • 029 Capstone Project - Image Links.html
  • 030 Props Project
  • 031 Iterating Through Lists
  • 032 Iterating Through Lists Refactor
  • 033 Filter and Map method on an Array
  • 034 Rendering Two Filtered and Transformed Lists to the DOM
  • 035 CodePen Challenge I
  • 036 CodePen Challenge II
  • 037 Color Spectrum Refactor
  • 038 FriendLy App Refactor with Map method
  • 039 FriendLy - Filter and Map two Lists to the DOM
  • 040 Useless Note Take - Introduction to React Events
  • 041 React Events Part II
  • 042 Guess My Age - Intro to State
  • 043 Meal Voter
  • 044 React Forms
  • 045 Ajax Requests and the Fetch API

  • 30 - Functions
  • 001 Whitespace - New.html
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 22253
    حجم: 9255 مگابایت
    مدت زمان: 2215 دقیقه
    تاریخ انتشار: ۹ آبان ۱۴۰۲
    طراحی سایت و خدمات سئو

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