January 23rd 2018
Hello! Today I did a really fun project in JavaScript at JavaScript_30days. A voice manipulating page, where you can choose from different built-in voices and change their rate and pitch as well as start and stop them. We have to put all the text that will be said in this const, where we create a new instance every time
const msg = new SpeechSynthesisUtterance();
and we use it in the functions when we write what it should do. Also we should populate a voice array that will hold all the different voice.
.map(voice =><option value="${voice.name}">${voice.name} (${voice.lang})< / option>)
And this line of code maps the different voices inside the option tag. When we set the voice we need to have to find the corresponding speechSynthesis voice object. This speechSynthesis is also built in. New method of the day the .bind(). I learned or understood now that we can create an event listener, create a function, console log the event to check if it works.
In the CSS grid course in the Firefox Developer we can check the layout of the grid by setting the container to be visible. We looked at explicit and implicit tracks, so grid columns or rows that are defined are explicit while if they aren’t defined they are implicit. CSS grid looks at implicit grids are new. Solid lines define where the explicit colums/rows are while the dotted lines show where the implicit columns or rows are. However, if we use grid-auto-flow it adjusts it.
At the Web development bootcamp I am looking at problems sets where I have to write functions using loops to certain tasks with arrays.
Cheers!