Introduction to JavaScript Animation with OOP (2022)

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

Making an interactive code animation in JavaScript (like the one in Sci-Fi movies).

1 - Setting Things Up

1 - Setting Up Visual Studio Code

2 - Setting Up Git for Windows

3 - Setting Up The Course Repository

3 - introduction-to-javascript-animation.zip

4 - Setting Up User Files

2 - Setup HTML File

5 - Skills Disclousure

6 - Switching To main Branch

7 - Defining A Doctype

8 - Setting User Information In A Git Repo

9 - Basic Structure In An HTML Document

10 - Incremental Committing in Source Control

11 - Viewing A Local HTML File

3 - Add StrbrJs

12 - Adding Logic

13 - Referencing mainjs

14 - Referencing NPM package fjbonetstrbr

15 - Using Reference Branches

4 - Define Classes

16 - Branching In Git

17 - Introduction To Classes In JavaScript

18 - Using Template Literals

19 - Refactoring And Merging

20 - Defining Classes For Project

5 - Delimiting Scopes

21 - Introduction To Scopes

22 - Encapsulation

23 - Refactoring

24 - Exposing To Outer Scopes

6 - Connecting CodeRain To The DOM Document Object Model

25 - Setting Up The Branch

26 - Private Properties

27 - Comments

28 - Loading Configuration

29 - Defining An Initialize Method

30 - Introduction To The Document Object Model

31 - Override Methods

32 - What this Is

33 - Lambdas

34 - Querying The DOM

35 - Modifying The DOM

36 - Connecting Logic Into The DOM

37 - Merging Our Changes

7 - Drawing To The Canvas

38 - Setting Up The Branch

39 - Implementing The Draw Method

40 - Extracting A Method

41 - Drawing A Rectangle

42 - Automating Rendering

8 - Drawing A Glyph

43 - Setting Up The Branch

44 - Adding Basic Logic To Glyph

45 - Validating A Canvas Context

46 - Actually Drawing The Glyph

47 - Setting A Random Opacity

48 - Generating A Random Character

49 - Validating The Position

50 - Simplifying Readability

51 - Merging Our Changes

9 - Drawing A Drop

52 - Setting Up The Branch

53 - Implementing Initial Methods

54 - Rendering The Drop

55 - Adding Drops

56 - Merging Our Changes

10 - Animating Glyphs

57 - Setting Up The Branch

58 - Keeping Track Of Ticks

59 - Spawning New Characters

60 - Merging Our Changes

11 - Animating Drops

61 - Setting Up The Branch

62 - Adding Size Parameter

63 - Updating The Drop State

64 - Resetting The Drop State

65 - Merging Our Changes

12 - Adding More Drops

66 - Setting Up The Branch

67 - Adding Logic To Add Drops

68 - Managing Drop Speed

69 - Merging Our Changes

13 - Managing Drops

70 - Setting Up The Branch

71 - Support Adding A Specific Number Of Drops

72 - Keeping Track Of Drop Indexes

73 - Updating The Drop Configuration

74 - Detecting Font Size Changes

75 - Merging Our Changes

14 - Improving Responsiveness

76 - Setting Up The Branch

77 - Support Mobile Devices

78 - Fixing A Bug

79 - Fixing Other Bugs

80 - Merging Our Changes

53,700 تومان

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

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

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

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