<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://vin-cc.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://vin-cc.github.io/" rel="alternate" type="text/html" /><updated>2026-10-16T18:35:10+00:00</updated><id>https://vin-cc.github.io/feed.xml</id><title type="html">Vin-CC</title><subtitle>Web Developer from France</subtitle><entry><title type="html">JS30 Challenge Day12 - Key Sequence Detection (KONAMI CODE)</title><link href="https://vin-cc.github.io/JS30_12/" rel="alternate" type="text/html" title="JS30 Challenge Day12 - Key Sequence Detection (KONAMI CODE)" /><published>2018-01-21T00:00:00+00:00</published><updated>2018-01-21T00:00:00+00:00</updated><id>https://vin-cc.github.io/JS30_12</id><content type="html" xml:base="https://vin-cc.github.io/JS30_12/"><![CDATA[<p>Today was an easy one but it was great for remind me some things like:</p>

<p>pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
It allows to take the ending part of an array.</p>

<p>if(touches.join(‘’).includes(secretCode))
The includes() part.</p>]]></content><author><name></name></author><summary type="html"><![CDATA[Today was an easy one but it was great for remind me some things like:]]></summary></entry><entry><title type="html">Welcome!</title><link href="https://vin-cc.github.io/Hello-World/" rel="alternate" type="text/html" title="Welcome!" /><published>2018-01-20T00:00:00+00:00</published><updated>2018-01-20T00:00:00+00:00</updated><id>https://vin-cc.github.io/Hello-World</id><content type="html" xml:base="https://vin-cc.github.io/Hello-World/"><![CDATA[<p>On this blog my objectiv is to speak about what i learn / like / …</p>

<p>The reason why i do this, is because i have heard that is more effective when we speak about our learning. So why not ;)</p>

<p>I will start with Front-End developpement because i have begin Javascript 30.
A javascript tutoriel by Wes Bos.</p>

<p>See you in my next post.</p>]]></content><author><name></name></author><summary type="html"><![CDATA[On this blog my objectiv is to speak about what i learn / like / …]]></summary></entry><entry><title type="html">JS30 Challenge Day11 - Custom Video Player</title><link href="https://vin-cc.github.io/JS30_11/" rel="alternate" type="text/html" title="JS30 Challenge Day11 - Custom Video Player" /><published>2018-01-20T00:00:00+00:00</published><updated>2018-01-20T00:00:00+00:00</updated><id>https://vin-cc.github.io/JS30_11</id><content type="html" xml:base="https://vin-cc.github.io/JS30_11/"><![CDATA[<p>Ok i know it’s not the begining but when i started this blog i already begin the challenge, so… i continue from this point.</p>

<p>The challenge is about a custom video player (thanks captain obvious…) and the custom control of it.
We have the style already made and the objective is to add the JS.</p>

<p>This is the first time during the challenge that the JS is separate from the HTML.</p>

<p>It was the first time i have to deal with the video element so i learn a lot about it!
Like the different event and methods associated with it.</p>

<p>const method = video.paused ? ‘play’ : ‘pause’;
video<a href="">method</a>;
The ternary operator give the method name for the video object (i like a lot!).
Reminder : use the object as an array.</p>

<p>video.currentTime += parseFloat(this.dataset.skip);
this.dataset.skip is a string so it has to be converted in a string.</p>

<p><input type="range" name="volume" class="player__slider" min="0" max="1" step="0.05" value="1" />
video[this.name] = this.value;
With the name corresponding to the video’s method we can simply use it for change the value.</p>

<p>progress.addEventListener(‘mousemove’, (e) =&gt; mousedown &amp;&amp; scrub(e));
If the variable mousedown is true then the function scrub run.</p>

<p>PS : https://www.w3schools.com/tags/ref_av_dom.asp is (for me) a good reference if i want to have the Methods, Properties and Events for the video element.</p>]]></content><author><name></name></author><summary type="html"><![CDATA[Ok i know it’s not the begining but when i started this blog i already begin the challenge, so… i continue from this point.]]></summary></entry></feed>