A simple Responsive Web Design acting as a Single Page Application from a previous account (it was initially a way to save my progress in CSS and JS, and it remains above all a way to practice JS).
Home Page: https://j5py.github.io
As a JavaScript developer
I need to remove an event listener when it is no longer relevant
So that the event does not fire endlessly for no other purpose than to affect memory
Given the render.js update
When temporary console.log added to listeners only report a value at relevant times
Then the update is successful and the task is done when console.log are deletedAs a website visitor
I need a message warning that the content and navigation is not yet available
So that I can understand that the page is not broken
dynamic.js should allow to display a message if no contentGiven the home page
When simply loading the page before any content is added
Then we should clearly see a short explanation textAs a developer
I need default content to fill templates
So that I can test the behaviour and verify the rendering
pages.jsGiven no personal content was added
When loading the home page with default values
Then navigation links are functional and the page is not emptyAs a user
I need the logic to load quickly and make sure I have the latest content
So that I can enjoy browsing immediately
Given the move of the getCacheBuster method and its use on the JSON request only
When the page is reloaded
Then only the JSON file is replaced due to the random value of the query stringAs a Git user
I need to fill the input file without worrying about special characters for page titles
So that when I clone or fork the repository the code already covers many cases for a clean URL
string.getSlug method of js/common.js to replace or remove the most common English and French characters made unreadable by encodeURIjs/input.js or data/test.json files for the next issueGiven local tests
When a dozen character combinations for page titles return clean URL hashes not impacted by `encodeURI`
Then the modification of `string.getSlug` is considered acceptable at this stageAs a user
I need the quickest initial rendering possible
So that I don't leave after 3 seconds
boot.script.waitLoad and boot.init in boot.jsasync and awaitGiven the modification of the code
When loading the home page
Then the rendering should be immediateAs a JavaScript developer
I need to use all the native features of the language
So that the code is as light and readable as possible
Array.prototype methods listed on MDN, or any of the iterators and generators mentioned in one of my gists, can replace multiple lines of codeGiven a careful reading
When I am sure that no JavaScript can be optimized
Then the task is done
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.