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

:

: 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

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

:

: 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

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

:

: 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

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

:

: 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

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

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

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

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

Téotime Pacreau · @teotimepacreau
49 followers · 212 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
46 followers · 207 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
46 followers · 203 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
45 followers · 199 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
42 followers · 193 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
42 followers · 190 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
39 followers · 177 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design
Téotime Pacreau · @teotimepacreau
39 followers · 141 posts · Server mastodon.design