Chris P. :trek_ds9_sisko:#1️⃣ · @b4ux1t3
186 followers · 1131 posts · Server hachyderm.ioFirst pass at Sebastian Lague's tiny chess bot challenge:
It's a relatively naive approach based on checking for captures and checks, favoring, in order, mates, checks with captures, checks, captures with good trades, and finally just random chance.
I'm using about half of the allowed tokens, and I'm already beating his bot (basically random chance) almost as often as tying, and only losing 16/1000 games!
#chess #chessprogramming #codingchallenge
Téotime Pacreau · @teotimepacreau
49 followers · 212 posts · Server mastodon.design
#Day29 : Loop Exercices part III from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Loop-Exercices-III-Day29-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#100daysofcode #vanillajs #day29 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #codingday #frontenddevelopment #codingchallenge #learncode #webdevelopment #learnjavascript #js
Téotime Pacreau · @teotimepacreau
46 followers · 207 posts · Server mastodon.design#Day28 : Array Exercices part III from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-III-Day28-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#100daysofcode #vanillajs #day28 #30daysofjavascript #webdev #frontend #webdesign #learnwebdev #javascript #learntocode #codingday #frontenddevelopment #codingchallenge #learncode #webdevelopment #learnjavascript #js
Téotime Pacreau · @teotimepacreau
46 followers · 203 posts · Server mastodon.design#Day26 : Array Methods partII from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-II-Day26-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day26 #vanillajs #100daysofcode
Téotime Pacreau · @teotimepacreau
45 followers · 199 posts · Server mastodon.design#Day25 : Functions Exercices from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Function-exercices-Day25-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day25 #vanillajs #100daysofcode
Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design#Day24 : Loop Exercices from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Loop-exercices-Day24-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #Day24 #vanillajs #100daysofcode
Téotime Pacreau · @teotimepacreau
43 followers · 197 posts · Server mastodon.design
#Day23 : Array Methods Exercices from #30DaysOfJavascript
Source Code : https://github.com/teotimepacreau/Array-Methods-Exercices-Day23-of-100DaysOfCode
- 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
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #30daysofjavascript #day23 #vanillajs #100daysofcode
· @artfulrobot
76 followers · 355 posts · Server fosstodon.org#chuffed today I made a 1.2kB (minified) #javascript squash()/unsquash() pair that compresses data to a url-component-safe value.
Designed for compressing small amounts of JSON that you can then stick in URLs, it achieves about 55% reduction (i.e. output is ~45% of original) compared to the url-encoded original.
It's well slow though...! #codingChallenge
#chuffed #javascript #codingchallenge
Téotime Pacreau · @teotimepacreau
42 followers · 193 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day22 : Microblog
Online demo :
https://teotimepacreau.github.io/Callback-blog-Day22-Of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Callback-blog-Day22-Of-100DaysOfCode
Project goals :
- use of callbacks, split string method, Map array method, Object.assign method
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day22 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
42 followers · 190 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day21 : Drag and drop
Online demo :
https://teotimepacreau.github.io/Drag-and-drop-Day21-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Drag-and-drop-Day21-of-100DaysOfCode
Project goals :
- discovering the drag and drop API
- first approach to setting data into an object in order to keep properties
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day21 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
39 followers · 177 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day20 : Bookmark reader using only Raindrop.io API
Inspired by the excellent design and functionality from @iamrobin https://www.iamrob.in/bookmarks
Online demo :
https://teotimepacreau.github.io/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode
Project goals ↓
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day20 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day18 : Github profile insights
Tuto by the great @cferdinandi
Online demo :
https://teotimepacreau.github.io/My-Github-Insights-Day18-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/My-Github-Insights-Day18-of-100DaysOfCode
Project Goals :
- handle multiple API endpoints chaining promises method
- array destructuring, .map(), .join()
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day18 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
39 followers · 151 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day17 : List Randomizer
Tuto by the great @cferdinandi
Online demo :
https://teotimepacreau.github.io/Grocery-List-Randomizer-Day17-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Grocery-List-Randomizer-Day17-of-100DaysOfCode
Project Goals :
- FormData JS object
- users can add item, select a random item and see a toast notification
- localStorage
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS
#js #learnjavascript #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #Day17 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
39 followers · 141 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day15 : Popover API and Anchor Positionning
Tuto by the great @jhey
Online demo :
https://teotimepacreau.github.io/Popover-API-and-Anchor-Positioning-Day15-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Popover-API-and-Anchor-Positioning-Day15-of-100DaysOfCode
Project goals :
- Popover API
- Anchor positioning to avoid position absolute
- Best UI practices for dropdown
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #Front #Components
#components #front #webdevelopment #learncode #codingchallenge #dailyui #uitrend #uidesign #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day15 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
33 followers · 136 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day14 : Interactive Form
Online demo :
https://teotimepacreau.github.io/Interactive-Form-Day-14-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Interactive-Form-Day-14-of-100DaysOfCode/blob/main/README.md
Project goals :
- learning input, forms and radio buttons UI best practices
- form validation, error alerts, password visibility
- checking for best practices to control email, passwords
#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode
#learncode #codingchallenge #uitrend #uidesign #webdevelopment #frontenddevelopment #codingday #learntocode #javascript #learnwebdev #webdesign #frontend #webdev #day14 #vanillajs #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
29 followers · 123 posts · Server mastodon.design#Day13 : Sliding Menu and Grid App View
Online demo :
https://teotimepacreau.github.io/Sliding-menu-and-grip-app-view-Day13-Of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Sliding-menu-and-grip-app-view-Day13-Of-100DaysOfCode
Project goals :
- lch() color function
- button alignment with ::before technique (vertical-align: middle) and UI principles of 2ex padding-inline for 1ex padding-block
#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily
#learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment #codingday #learntocode #javascript #codingchallenge #webdesign #frontend #webdev #day13 #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
27 followers · 119 posts · Server mastodon.design#Day12 : Card Hover Reveal
Online demo :
https://teotimepacreau.github.io/Card-Hover-Reveal-Day12-Of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/Card-Hover-Reveal-Day12-Of-100DaysOfCode
Project goals :
- div overlay up to 100% on hover with transition cubic-bezier
- transform: scale() in order to create the zoom effect
- z-index in order to put lettering above
#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily
#learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment #codingday #learntocode #javascript #codingchallenge #webdesign #frontend #webdev #Day12 #css #html #100daysofcode
Téotime Pacreau · @teotimepacreau
27 followers · 115 posts · Server mastodon.design#Day11 : View Transitions API for MPA
Online demo :
https://teotimepacreau.github.io/View-Transitions-API-for-MPA-Day11-of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/View-Transitions-API-for-MPA-Day11-of-100DaysOfCode
Project goals :
- HTML meta tags on both pages to unlock transitions API without JS
- Transition composed by opacity, left and transform scale
#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily #ViewTransitions
#viewtransitions #learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment #codingday #learntocode #javascript #codingchallenge #webdesign #frontend #webdev #Day11 #css #html #100daysofcode
Neo · @hacknorris
268 followers · 2729 posts · Server mstdn.socialBad #mastodon / #Misskey idea - make a #fediverse server software which is gamified (you get rewards for number of your posts, usage of 2fa, boosting or liking toots and so on... for example to unlock themes or idk)
#gamify #codingchallenge #Fediverse #Misskey #Mastodon
Téotime Pacreau · @teotimepacreau
27 followers · 106 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS
#Day10 : View Transitions API
Online demo :
https://teotimepacreau.github.io/View-Transitions-API-Day10-Of-100DaysOfCode/
Source Code : https://github.com/teotimepacreau/View-Transitions-API-Day10-Of-100DaysOfCode
Project goal :
- View Transitions API experimentation : understanding principle of implementation with VanillaJS .startViewTransition and DOMChanges activator
#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily
#learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment #codingday #learntocode #javascript #codingchallenge #webdesign #frontend #webdev #day10 #vanillajs #css #html #100daysofcode