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

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 دقیقه
    تاریخ انتشار: 9 آبان 1402
    طراحی سایت و خدمات سئو

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