مطالب پیشنهادی از سراسر وب

پروژه های وب جاوا اسکریپت - 20 پروژه برای تکمیل نمونه کارهایتان

دسته بندی ها: آموزش های ویژه ، آموزش جاوا اسکریپت (Javascript) ، آموزش های یودمی (Udemy) ، آموزش طراحی وب

در این دوره، HTML5 ،CSS3 و JavaScript مدرن را جهت ساخت پروژه های واکنشگرا و موبایل پسند برای نمونه کارها و رزومه های رویایی خود یاد بگیرید!

آخرین به روزرسانی: 2021-3

آنچه یاد خواهید گرفت:

  • 20 پروژه با JavaScript ،HTML5 ،CSS3 خالص با تمام کد ارائه شده
  • از یک مبتدی کاملاً به یک توسعه دهنده با اطمینان JavaScript تبدیل شوید
  • برای ایجاد اولین برنامه های وب واکنشگرا و تلفن همراه، روش های UI / UX را بیاموزید
  • برنامه نویسی همزمان با AJAX ،Fetch API ،Promises ،Async + Await
  • کد جاوا اسکریپت تمیز، قابل نگهداری و قابل اجرا را بنویسید
  • کار با API های وب (localStorage ،DOM + موارد دیگر)
  • HTML5 مدرن (Canvas، فیلم، صدا + موارد دیگر)
  • Modern CSS3 (انیمیشن ها، Transitions، متغیرها و غیره)
  • از اشتباهات رایجی که سایر برنامه نویسان و مبتدیان جاوا اسکریپت مرتکب می شوند خودداری کنید
  • 20 برنامه فرانت اند زیبا و قابل سفارش سازی در دنیای واقعی ایجاد کنید

الزامات دوره:

  • فقط یک درک اولیه از HTML & CSS و JavaScript
  • هر رایانه و سیستم عامل کار می کند - ویندوز، مک یا Linux.

توضیحات دوره:

اپلیکیشن های این دوره فقط با تمام ویژگی های مدرن HTML5 ،CSS3 و JavaScript راه اندازی شده است! 

این دوره با ایجاد کارنامه رویایی شما بر روی کارآیی و استخدام شما متمرکز است تا بتوانید شغلی یا اشتغال به صورت آزاد داشته باشید. دیگر هرگز وقت خود را صرف آموزش های گیج کننده، قدیمی و ناقص نکنید! فارغ التحصیلان این دوره اکنون در گوگل، تسلا، آمازون، اپل، IBM  JP مورگان، فیس بوک، بعلاوه سایر شرکت های برتر فناوری مشغول به کار هستند.

این که بخواهید به عنوان یک فریلنسر استخدام شوید، یا فقط حرفه خود را پیش ببرید، این دوره کاملاً جدید و گام به گام از طریق 20 پروژه جاوا اسکریپت شما را قادر می سازد که بلافاصله بتوانید آنها را شخصی سازی کرده و در نمونه کارهای خود قرار دهید. در طول راه، شما یاد خواهید گرفت که با استفاده از HTML  CSS و JavaScript پروژه هایی را بسازید و مهارت های خود را به عنوان یک توسعه دهنده جاوا اسکریپت ایجاد کنید.

این که آیا می خواهید روزی React ،Angular ،Vue JS ،Node.js ،Svelte یا هر ابزار توسعه دهنده مدرن دیگری را یاد بگیرید، اصول جاوا اسکریپت برای شما مهم هستند و یادگیری JavaScript سرمایه ای است که در آینده هزینه های شما را پرداخت خواهد کرد. با تقویت دانش JavaScript و توانایی ساختن چیزهایی بدون هیچ وسیله ای مانند کتابخانه ها و فریمورک ها، در آینده خود را اثبات می کنید.

حقیقت این است: یافتن پروژه های JavaScript برای کار آنلاین آسان است. می توانید کد را کپی و پیست کنید. می توانید فیلم های YouTube را تماشا کنید. این کار ساده است (و رایگان). این دوره از این نظر متفاوت است که نه تنها پروژه های مدرنی داریم که از جدیدترین ویژگی های JavaScript و API مرورگر استفاده می کنیم، بلکه همچنین یک بازبینی کد برای هر پروژه انجام می دهیم. پس از ایجاد وب سایت، ما کد را مرور کرده و در مورد چگونگی بهبود کد، چگونگی بهبود امنیت یا بهبود عملکرد پروژه های شما صحبت می کنیم. 

این مانند این است که بالاخره یک توسعه دهنده ارشد به شما بیاموزد که کد خوب به چه معناست، اشتباهات رایج مبتدیان چه هستند و چگونه می توان کد نوشتنی را نوشت. تمام کدها قرار است در اختیار شما قرار بگیرند، و حتی اگر دوست ندارید کد بزنید، بلافاصله به کد پروژه ها دسترسی پیدا خواهید کرد تا آنها را در نمونه کارها قرار دهید.

پس ما چه می سازیم؟ برای این کار آماده شوید:

  • بازی Spock Rock - ماژول ها، Confetti.js
  • ژنراتور Quote - واکشی کردن، Async/Await، Quote API، CORS
  • Picture-in-Picture - بررسی Picture-in-Picture API و Screen Capture API
  • اپلیکیشن Bookmarks - بررسی DOM و localStorage
  • NASA APOD - واکشی کردن، localStorage، DOM، NASA API، Async/Await
  • ناوبری متجرک سازی شده - CSS Animations 
  • Infinite Scroll - واکشی کردن، Scroll Event Listener، DOM، Unsplash API، Async/Await
  • اپلیکیشن Countdown - تاریخ، localStorage
  • موزیک پلیر- HTML 5 Audio API
  • Calculator - متدهای ریاضی
  • Splash Page - مبانی DOM 
  • Light/Dark Mode - بررسی localStorage، DOM
  • اعتبارسنجی فرم - DOM، فرم ها
  • Joke Teller - واکشی کردن، Text-to-Speech، Joke API، Async/Await
  • ویدئوپلیر - HTML 5 Video API
  • MS Paint Clone - بررسی localStorage، Advanced HTML Canvas
  • Pong Clone - بررسی Advanced HTML Canvas
  • بازی Math Sprint - بررسی localStorage، Array Methods، DOM، SetInterval
  • قالب متحرک سازی - قالب، AOS.js
  • Drag و Drop - بررسی localStorage، Drag and Drop API

ما برای تسلط بر جاوا اسکریپت از ویژگی های مدرن ES6 ،ES7 ،ES8 ،ES9 ،ES10 استفاده خواهیم کرد!به این فکر کنید که این دوره یک بوت کمپ کامل در JavaScript است تا شما را از یک مبتدی به یک برنامه نویس مطمئن تبدیل کند! علاوه بر این، ما همچنین اقدامات مشترک UI / UX را پوشش می دهیم تا مطمئن شویم که طراحی های خوبی داریم و پروژه های ما برای موبایل مناسب هستند.

این دوره به این معنی نیست که شما بدون درک اصول فقط به همراه خود کدنویسی کنید تا وقتی دوره را تمام کردید، به غیر از تماشای آموزش دیگری، نمی دانید چه کاری باید انجام دهید. نه این دوره شما را تحت فشار قرار می دهد و شما را به چالش می کشد تا از یک مبتدی مطلق در JavaScript به شخصی که قادر به ساخت پروژه های خود است تبدیل شوید.

بنابراین بهترین زمان برای شروع؟ امروز است! با برداشتن اولین قدم در حال حاضر، شما بسیار نزدیکتر به توسعه مهارت هایی هستید که شما را استخدام می کنند و به حرفه رویایی خود نزدیک می شوید.

این دوره برای چه کسانی است:

  • هر کسی که احساس می کند نمی تواند به تنهایی پروژه های JavaScript را بسازد
  • هر کسی که می خواهد به عنوان یک توسعه دهنده JavaScript به یک توسعه دهنده وب تبدیل شود، شغل خود را تغییر دهد یا به صورت مستقل فعالیت کند.
  • توسعه دهندگان جدید یا کوچک که می خواهند JavaScript مدرن را بیاموزند
  • برنامه نویسان که می خواهند توسعه وب فرانت اند را یاد بگیرند
  • هر کسی که نیاز به اضافه کردن پروژه های بیشتر به نمونه کارها یا رزومه کاری خود دارد
  • توسعه دهندگانی که اصول JavaScript را می دانند و می خواهند دانش خود را تعمیق بخشند

مباحث دوره:

  • مقدمه
  • راه اندازی توسعه دهنده
  • Quote Generator
  • Infinity Scroll
  • Picture In Picture
  • Joke Teller
  • حالت Light & Dark
  • Animated Template
  • Navigation Nation
  • Music Player
  • Custom Countdown
  • Book Keeper
  • Video Player
  • Form Validator
  • بازی Spock Rock
  • NASA APOD
  • بازی Math Sprint
  • Drag n' Drop
  • Calculator
  • Splash Page
  • Paint Clone
  • Pong
  • از اینجا به کجا برویم؟
  • ضمیمه - نحوه کارکرد جاوااسکریپت
  • ضمیمه - گیت، گیتهاب، متن باز و ساخت یک نمونه کار
  • ضمیمه - مسائل CORS
  • بخش جایزه

سایر ویدئوهای دوره:

راه اندازی MACLINUX اختیاری

 

راه اندازی ویندوز اختیاری

 

قالب های راه اندازی Visual Studio Code

 

هدف جاوا اسکریپت

 

صفحات گیتهاب ابزارهای توسعه دهنده

آیا این نوشته را دوست داشتید؟
Udemy JavaScript Web Projects: 20 Projects to Build Your Portfolio Publisher:Udemy Author:Andrei Neagoie , Jacinto Wong Duration:32.5 hours Level:Advanced

Modern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly projects for your dream portfolio and resume!

What you'll learn

  • 20 projects with pure JavaScript, HTML5, CSS3 with all code provided
  • Go from a total beginner to a confident JavaScript developer
  • Learn UI/UX practices to build responsive and mobile first web applications
  • Asynchronous programming with AJAX, Fetch API, Promises & Async + Await
  • Write clean, maintainable and performant Javascript code
  • Work with Web APIs (localStorage, DOM, + more)
  • Modern HTML5 (Canvas, Video, Audio + more)
  • Modern CSS3 (Animations, Transitions, Variables + more)
  • Avoid common mistakes other Javascript programmers and beginners make
  • Build 20 beautiful and customizable, real world frontend applications

Requirements

  • Only a basic understanding of HTML & CSS & JavaScript
  • Any computer and OS will work — Windows, Mac or Linux.

Description

Just launched with all modern features of HTML5, CSS3 and JavaScript! Join a live online community of over 400,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with JavaScript!

This course is focused on efficiency and getting you hired by building your dream portfolio so you can get a job or work as a freelancer. Never spend time on confusing, out of date, incomplete tutorials anymore! Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies (seriously, google this to verify some testimonials).

Whether you want to become a freelancer, get hired, or to just advance your career, this brand new course will take you step by step through 20 JavaScript projects that you will be able to customize and put on your portfolio right away. Along the way, you will learn to build projects using HTML, CSS and JavaScript and truly build your skills as a JavaScript developer.

Whether you want to one day learn React, Angular, Vue JS, Node.js, Svelte, or any other toolchain of a modern developer, at the end of the day, JavaScript fundamentals are key, and learning JavaScript is an investment that will pay off many years into the future. By solidifying your JavaScript knowledge and being able to build thing without crutches like libraries and frameworks, you will future proof yourself.

Here is the truth: It’s easy to find JavaScript projects to work on online. You can copy and paste code. You can watch YouTube videos. That’s simple (and free). This course is different in that not only de we have modern projects using the latest features of JavaScript, and browser APIs, but we also do a Code Review of each project. After we build a website, we go through the code and talk about how we can improve the code, how to improve the security, or improve the performance of your projects.

It’s like having a senior developer finally teach you what good code means, what are the common mistakes beginners make, and how to write maintainable code.

All code is going to be provided to you, and even if you don’t like to code along, you will get access to the code for the projects to put them on your portfolio right away.

So what are we building? Get ready for this:

  • Spock Rock Game - Confetti.js, Modules
  • Quote Generator - Fetch, Async/Await, Quote API, CORS
  • Picture-in-Picture - Picture-in-Picture API, Screen Capture API
  • Bookmarks App - DOM, localStorage
  • NASA APOD - Fetch, Async/Await, NASA API, DOM, localStorage
  • Animated Navigation - CSS Animations
  • Infinite Scroll - Fetch, Async/Await, Unsplash API, DOM, Scroll Event Listener
  • Countdown App - Date, localStorage
  • Music Player - HTML 5 Audio API
  • Calculator - Math Methods
  • Splash Page - DOM Basics
  • Light/Dark Mode - DOM, localStorage
  • Form Validation - DOM, Forms
  • Joke Teller - Fetch, Async/Await, Joke API, Text-to-Speech
  • Video Player - HTML 5 Video API
  • MS Paint Clone - Advanced HTML Canvas, localStorage
  • Pong Clone - Advanced HTML Canvas
  • Math Sprint Game - SetInterval, DOM, Array Methods, localStorage
  • Animated Template - Template, AOS.js
  • Drag and Drop - Drag and Drop API, localStorage

We will be using modern ES6,ES7,ES8,ES9,ES10 features to master JavaScript! Think of this as a full on JavaScript bootcamp to get you from a beginner to a confident programmer! on top of that, we also cover common UI/UX practices to make sure we have good designs and our projects are mobile friendly.

The course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in JavaScript to someone that is able to build projects on their own.

So the best time to begin? It's Today! By taking that first step right now, you are that much closer to developing the skills that get you hired and closer to your dream career.

See you inside the course :)

Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life.

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time. Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities.

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way.

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.

--------

Jacinto is a Senior Developer with the Canadian Broadcasting Corporation with a diverse background, including 5 years experience as a teacher in Canada and South Korea. He has had a passion for technology from a very young age, which led him to build his first computer at age 12 and start using design software at 16. As an instructor for the Zero To Mastery Academy, Jacinto combines these artistic and critical thinking skills to create high quality projects that will add real value to student’s portfolios and jump start their careers in web development.

Starting out learning something new can be challenging and there are so many resources available that it can be overwhelming. Jacinto understands that for some, bootcamps and post-secondary education are too time-consuming or expensive for many to consider. With that in mind, he does his best to create the highest quality courses that are inexpensive and beginner-friendly.

As a self-taught developer, Jacinto started from scratch and learned enough to land a Senior Developer job after only 4 months working through online courses. He knows it is possible to upgrade your skills and switch careers without spending excessive time or money. He couldn’t be happier to be in this exciting and growing industry and aims to provide students with the same opportunity.

See you inside the courses!

Who this course is for:

  • Anyone who feels like they can't build JavaScript projects on their own
  • Anyone who wants to become a web developer, switch careers, or freelance as a JavaScript developer.
  • New or junior developers who want to learn modern JavaScript
  • Programmers who want to learn frontend web development
  • Anyone that needs to add more projects to their portfolio or resume
  • Developers who know the basics of JavaScript and want to deepen their knowledge

Course content

Introduction
5 lectures • 18min
Course Outline
Preview
09:10
Join Our Online Classroom!
01:14
Exercise: Meet The Community
01:23
The Purpose Of JavaScript
Preview
04:29
How To Get The Most Out Of The Course
01:13
Developer Setup
7 lectures • 34min
Setting Up For The Course
00:56
OPTIONAL: MAC/LINUX Setup
04:40
OPTIONAL: WINDOWS Setup
06:58
Our Visual Studio Code Setup + Templates
12:34
Developer Tools + Github Pages
07:52
Bonus resource: Advanced JavaScript Cheatsheet
00:17
Monthly Coding Challenges, Free Resources and Guides
00:40
Quote Generator
16 lectures • 1hr 45min
Quote Generator Project Overview
Preview
02:01
Setting Up Our Project
04:59
Styling and HTML Elements
14:27
Creating Beautiful Buttons
06:55
[NEW] Fetching Data With JavaScript
17:29
[NEW] Manipulating DOM With JavaScript
15:12
[NEW] Creating A Loader With JavaScript
08:32
Sharing Your Projects
00:08
Quick Note: Upcoming Videos
00:31
[OPTIONAL] Fetching Data With JavaScript
08:09
[OPTIONAL] 429 Error
00:13
[OPTIONAL] Build Your Own Proxy Server
00:28
[OPTIONAL] Manipulating DOM With JavaScript
12:28
[OPTIONAL] Creating A Loader With JavaScript
05:08
Code Review
07:38
Manipulating The DOM
00:15
Infinity Scroll
10 lectures • 1hr 18min
Infinity Scroll Project Overview
Preview
02:02
Loader SVG
04:48
Centering Elements On The Page
11:19
Responsive Layout
06:14
Fetching Data
11:55
JavaScript To Display Data
14:06
Infinite Scroll With JavaScript
08:32
Infinite Scroll With JavaScript 2
11:37
Code Review
06:24
Exercises: Cleaning Up The Code
00:40
Picture In Picture
6 lectures • 46min
Picture In Picture Project Overview
Preview
08:30
Setting Up Our Project
06:53
Styling and HTML Elements
10:47
Adding Functionality With JavaScript
11:41
Code Review
07:32
Endorsements On LinkedIN
00:39
Joke Teller
9 lectures • 1hr 12min
Joke Teller Project Overview
Preview
01:15
Styling and HTML Elements
08:06
Responsive Layout and Styling
09:10
RapidAPI Disclaimer
00:21
JavaScript In The Project
13:04
JavaScript In The Project 2
15:03
JavaScript In The Project 3
07:19
Finishing Up The Project
09:17
Code Review
08:19
Light & Dark Mode
8 lectures • 1hr 7min
Light Dark Mode Project Overview
Preview
01:41
HTML and CSS Setup
13:02
Content In Our Project
13:31
Toggle Theme With JavaScript
11:38
Toggle Theme With JavaScript 2
12:12
LocalStorage To Save User Data
07:04
Code Review
07:40
Exercise: Making Code More Readable
00:34
Animated Template
6 lectures • 1hr
Animated Template Project Overview
Preview
01:01
Setting Up Our Template
06:12
Setting Up Our Content
09:07
JavaScript Inside of HTML
08:56
Animation On Scroll
14:57
Code Review
19:47
Navigation Nation
7 lectures • 1hr 2min
Navigation Nation Project Overview
Preview
01:22
Setting Up Our HTML and CSS
07:10
Navigation UI
13:03
Animating Menu With JavaScript
13:25
Animations CSS
10:41
Cleaning Up Our JavaScript
11:48
Code Review
04:40
Music Player
9 lectures • 1hr 27min
Music Player Project Overview
Preview
01:59
Setting Up Our HTML and CSS
15:50
Coding Our Responsive UI
08:17
JavaScript To Play Audio
08:57
Music Player With JavaScript
14:18
Progress Bar
08:32
Progress Bar 2
10:15
Progress Bar 3
11:25
Code Review
07:24
Custom Countdown
11 lectures • 1hr 37min
Custom Countdown Project Overview
Preview
02:03
Video Background
09:58
Building Our UI Components
11:19
Building Our UI Components 2
10:33
JavaScript Dates
09:10
Form Values
06:59
Populate Countdown UI
15:31
setInterval And clearInterval
09:11
Finishing Up The UI
06:09
Caching With LocalStorage
10:17
Code Review
06:18
Book Keeper
11 lectures • 1hr 43min
Book Keeper Project Overview
01:44
Building Our UI
08:42
Building Our UI 2
13:54
Building Our Modal
16:36
Modals With JavaScript
10:20
Appending URL Issue
00:21
Form Validation
15:02
localStorage And Fetch
11:40
Building The Bookmarks
11:37
Deleting The Bookmarks
07:19
Code Review
05:33
Video Player
14 lectures • 1hr 48min
Video Player Project Overview
Preview
01:40
Build UI - Player, Video, Mobile Responsive
08:14
Build UI - Controls HTML, Show Controls on Hover
14:41
Build UI - Progress Bar: Width, Hover
04:45
Build UI - Selection, Show CSS Variables
04:23
JS - Video Play/Pause
13:03
JS - Progress Bar (Dynamic Width)
06:45
JS - Populate Current Time / Duration
07:59
JS - Progress Bar (Seek)
07:36
JS - Volume (Slider)
11:00
JS - Volume (Mute/Unmute)
08:55
JS - Playback Seed
04:56
JS - Fullscreen
07:12
Code Review
06:22
Form Validator
9 lectures • 1hr 21min
Form Validator Project Overview
Preview
03:11
Build UI - HTML Forms, Input, Labels
12:55
Build UI - CSS (Body, Container), Google Fonts
07:42
Build UI - Form CSS
10:41
HTML Form Validation
13:44
JS - Validate Form
11:29
JS - Validate Passwords, Store Data
14:12
Code Review
06:53
How to Store User Passwords
00:12
Spock Rock Game
10 lectures • 1hr 44min
Spock Rock Project Overview
Preview
02:29
Build UI - Player Containers, FontAwesome
09:33
Build UI - CSS, Google Fonts
15:21
JS - Setup, Player Selection
13:35
JS - Computer Selection
09:48
JS - Check Results
12:37
JS - Reset All
05:18
JS - Confetti Functionality
09:42
JS - Module Refactoring
12:05
Code Review
13:16
NASA APOD
12 lectures • 2hr 6min
NASA APOD Project Overview
Preview
02:11
Asset - Custom Loading Animation
07:52
Build UI - Navigation
11:48
Build UI - Card with Image
13:46
JS - NASA API Documentation/Fetch
10:02
JS - Create DOM Elements
21:11
JS - Save Favourites
15:44
JS - Favorites DOM Elements
10:07
JS - Delete Favorites
07:07
JS - Navigation, Loader
12:22
Code Review
07:43
Optional: Declarative vs Imperative
06:18
Math Sprint Game
12 lectures • 2hr 16min
Math Sprint Game Project Overview
Preview
02:19
Build UI - Splash Page, Countdown
12:50
Build UI - Game Page, Score Page
08:33
JS - Radio Selection & Functionality
15:41
JS - Countdown Page
06:35
JS - Generate Random Equations
13:28
JS - Equations to DOM
07:49
JS - Automatic Scrolling & Player Input
08:05
JS - Check Score with Timing Events
16:40
JS - Score Page
13:27
JS - Best Scores in Local Storage
18:25
Code Review
12:19
Drag n' Drop
10 lectures • 1hr 47min
Drag n' Drop Project Overview
Preview
02:13
Build UI - Flexbox, Custom Scrollbar
12:53
JS - localStorage
09:40
JS - Update DOM
09:01
JS - Drag and Drop API
16:37
JS - Rebuild Arrays
10:00
JS - Add Item
13:07
JS - Delete Item
16:54
JS - Update Item
07:29
Code Review
09:09
Calculator
10 lectures • 1hr 25min
Calculator Project Overview
Preview
01:28
Build UI - Calculator, Display, Buttons
08:12
Build UI - Display CSS
11:44
Build UI - CSS Grid
05:54
Build UI - Button CSS
09:28
JS - Adding Event Listeners
12:47
JS - Reset Value, Add Decimal
05:52
JS - Operator Functionality
12:06
JS - Calculation
12:18
Code Review
04:49
Splash Page
8 lectures • 1hr 3min
Splash Page Project Overview
Preview
01:21
Initial Setup - Figma
12:57
Build UI - Adding Image Assets
09:24
Build UI - Styling Image Assets
09:17
Build UI - Adding Custom Backgrounds
09:33
JS - Background Controls
11:38
Code Review
08:27
Exercise: Memory Leaks And Heap Snapshots
00:16
Paint Clone
8 lectures • 1hr 17min
Paint Clone Project Overview
Preview
02:42
Build UI - Custom Slider, JSColor, Mobile Message
09:49
JS - Canvas Setup
12:21
JS - Color/Range Inputs
14:08
JS - Drawing on Canvas
11:29
JS - Store Drawing Data
06:38
JS - localStorage & Downloading an Image
12:02
Code Review
08:01
Pong
5 lectures • 54min
Pong Project Overview
Preview
02:03
JS - Create Canvas
15:50
JS - RequestAnimationFrame
17:44
JS - Game Over
13:14
Code Review
05:17
Where To Go From Here?
6 lectures • 13min
Sharing Your Projects
00:14
JavaScript And Beyond
10:50
Learning Guideline
00:10
LinkedIn Endorsements
00:39
Become An Alumni
00:37
Coding Challenges
00:29
Course Review
1 question
The Final Challenge
1 question
Appendix: How JavaScript Works
17 lectures • 1hr 39min
JavaScript Engine
05:28
Exercise: Javascript Engine
00:56
Inside the Engine
04:05
Exercise: JS Engine For All
02:33
Interpreters and Compilers
06:21
Inside the V8 Engine
08:56
Comparing Other Languages
04:15
Writing Optimized Code
08:53
WebAssembly
03:15
Call Stack and Memory Heap
14:37
Stack Overflow
03:21
Garbage Collection
04:30
Memory Leaks
06:34
Single Threaded
01:58
Exercise: Issue With Single Thread
02:40
Javascript Runtime
14:07
Node.js
06:27
Appendix: Git, Github, Open Source and Building a Portfolio
8 lectures • 1hr 16min
Git + Github Part 1
17:40
Github Update: Master --> Main
00:29
Git + Github Part 2
16:52
Contributing To Open Source
14:44
Contributing To Open Source 2
09:42
Exercise: Contribute To Open Source
00:32
Installing Node
00:20
Create A Portfolio
15:10
Appendix: CORS Issues
1 lecture • 11min
Solving CORS Issues With Heroku Server
10:46
BONUS SECTION
1 lecture • 1min
Bonus Lecture
00:37

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 16.9GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • پروژه های وب جاوا اسکریپت - 20 پروژه برای تکمیل نمونه کارهایتان یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر