FedSearch
Téotime Pacreau · @teotimepacreau
57 followers · 271 posts · Server mastodon.design
Open media

:

: Beginned email template in Newsletter Express project

Source Code : github.com/teotimepacreau/Expr

Learned :
-inline styles
-html tag <style>
-email HTML current state : can get rid of tables if using divs. Still need to learn more about the support of semantic html elements

#100daysofcode #nodejs #express #sqlite #vanillajs #day41 #webdev #frontend #css #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js #emailgeeks

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
56 followers · 264 posts · Server mastodon.design
Open media

:

: Added unsubscription logic and SQL handling in Newsletter Express project

Source Code : github.com/teotimepacreau/Expr

Added :
- Unsubscription logic : Create a route for users to unsubscribe from the newsletter. Update the database accordingly.

Learned :
-async await handling of errors in Express, require to try catch and next to a middleware

#100daysofcode #nodejs #express #sqlite #vanillajs #day40 #webdev #frontend #css #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
56 followers · 264 posts · Server mastodon.design
Open media

:

: Continuing Newsletter Express project with several UI changes

Source Code : github.com/teotimepacreau/Expr

Added :
- modified homepage
- unsubscribe page
- beginned unsub route but i need to add SQL DELETE for the email

#100daysofcode #nodejs #express #sqlite #vanillajs #day39 #webdev #frontend #css #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
54 followers · 262 posts · Server mastodon.design
Open media

:

: Newsletter building

Source Code : github.com/teotimepacreau/Expr

Learned :
- intro to Backend : learned basics of NodeJS, Express and SQL
- Express subscription routes : adding entries from the user to an SQLite database
- Displaying notif if the entries are correctly added

#100daysofcode #nodejs #express #sqlite #vanillajs #day38 #webdev #frontend #css #webdesign #learnwebdev #javascript #learntocode #learnjavascript #js

Last updated 1 year ago
Original post

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

Téotime Pacreau · @teotimepacreau
42 followers · 193 posts · Server mastodon.design
Open media

#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day22 #vanillajs #css #html #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
42 followers · 190 posts · Server mastodon.design
Open media

#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day21 #vanillajs #css #html #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
39 followers · 177 posts · Server mastodon.design
Open media

#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day20 #vanillajs #css #html #100daysofcode

Last updated 1 year ago
Original post

Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design
Open media

#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day18 #vanillajs #css #html #100daysofcode

Last updated 2 years ago
Original post

Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design
Open media

#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day17 #vanillajs #css #html #100daysofcode

Last updated 2 years ago
Original post

Téotime Pacreau · @teotimepacreau
39 followers · 141 posts · Server mastodon.design
Open media

#components #front #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day15 #vanillajs #css #html #100daysofcode

Last updated 2 years ago
Original post