FedSearch
Téotime Pacreau · @teotimepacreau
50 followers · 227 posts · Server mastodon.design

:

:Classes Exercices from

Source Code : github.com/teotimepacreau/Clas

Learning :
- class allows to create an object with built in properties
- class `constructor` is the better way to add properties
- this
- class extending to create child objects of the class that herits properties
- `constructor` and `super` to rewrite or add properties to the child class

#100daysofcode #vanillajs #day33 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
50 followers · 224 posts · Server mastodon.design

:

: Sets and Maps Exercices from

Source Code : github.com/teotimepacreau/Sets

- `Set` to get unique elements from an array
- `Map` to organize array in objects using as we want keys
- find unique values in a big array combinating `map` array method, flattening and `Set`

#100daysofcode #vanillajs #day32 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
50 followers · 222 posts · Server mastodon.design

:

: Higher Order Functions Exercices from

Source Code : github.com/teotimepacreau/High

- concatenate strings with reduce
- some, every array method
-populating an object : using a combination of storing object, for...of loop, sort, slice, map
-create object with bracket notation storingObject[key] = value

#100daysofcode #vanillajs #day31 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
49 followers · 212 posts · Server mastodon.design

:

: Object Exercices from

Source Code : github.com/teotimepacreau/Obje

- using for in loops and understanding that it requireds the [index] of the item

- using .every() array method that return a true or false

- structuredClone() to deep copy an object

using Object.keys, Object.values, Object.entries and array destructuring

.find() array method

#100daysofcode #vanillajs #Day30 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
49 followers · 212 posts · Server mastodon.design
GitHub - GitHub - teotimepacreau/Loop-Exercices-III-Day29-of-100DaysOfCode: Loop Exercices part III from #30daysofjavascript

:

: Loop Exercices part III from

Source Code : github.com/teotimepacreau/Loop

- reminded filter and map array methods
used for...of, forEach loops
- copied an array to avoid mutation
- push into an array if a condition is met

#100daysofcode #vanillajs #day29 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #codingday #frontenddevelopment #codingchallenge #learncode #webdevelopment #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
46 followers · 207 posts · Server mastodon.design

:

: Array Exercices part III from

Source Code : github.com/teotimepacreau/Arra

- array destructuring with... in order to use Math.min() and Math.max() (because they only works on numbers and not on an array)
- reduce in order to calculate a sum of elements necessary to an average

#100daysofcode #vanillajs #day28 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #codingday #frontenddevelopment #codingchallenge #learncode #webdevelopment #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
46 followers · 203 posts · Server mastodon.design

:

: Array Methods partII from

Source Code : github.com/teotimepacreau/Arra

- import and export arrays from separate files
- replace string method to - remove string elements
- split string method to put each element in an array
- filter out one element of an array
- sort ascendantly

#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day26 #vanillajs #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
45 followers · 199 posts · Server mastodon.design

:

: Functions Exercices from

Source Code : github.com/teotimepacreau/Func

- reminded multiple parameters
- concatenation of string, math operations
- multiple if conditions
switch/case statements in order to take several conditions
- looping through an array and displaying each entries

#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day25 #vanillajs #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design

:

: Loop Exercices from

Source Code : github.com/teotimepacreau/Loop

- constraint number of iterations with for(i=0; i<=array.length; i++)
reverse iteration with for(i=countries.length-1; i>=0 ; i--)
- repeat() string method associated with for(i)
- generate a random 6 characters ID

#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day24 #vanillajs #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design
GitHub - GitHub - teotimepacreau/Array-Methods-Exercices-Day23-of-100DaysOfCode: Array methods exercices from #30daysofjavascript with VanillaJS

:

: Array Methods Exercices from

Source Code : github.com/teotimepacreau/Arra

- understood the difference between .map() and forEach() method
- used .includes() for first time to verif if the array contains certain letters
- used .filter() for first time
reverse array

#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #day23 #vanillajs #100daysofcode

Last updated 1 year ago
Original post