Lernblog 2019 by lernblog.ch - Creative Commons Attribution-ShareAlike 4.0 https://jeancedric.netlify.app/ My Coding Journey. 2020-05-05T16:20:32+00:00 Jean Cédric NTWARI https://jeancedric.netlify.app/img/cedricpic.jpg cedric.ntwari@powercoders.org https://jeancedric.netlify.app/img/images-1-.png https://jeancedric.netlify.app/img/images-1-.png https://jeancedric.netlify.app/javascript-repetition/

A beginner like me needs a lot of repetition and practice. Well, that was our main subject for today session to practise. We went through exercises with our Teach lead and we asked questions. For me, it allows me to see where i lacked the knowledge to progress on my own. Afternoon, we did one hour of code which consists of doing one specific exercise and submit it just right after one hour.

2020-05-05T00:00:00+00:00 2020-05-05T16:20:03+00:00 https://jeancedric.netlify.app/a-day-in-the-life-of-a-web-developer/

As we are approaching interviews and start an internship, it is primordial to know how a day in the life of web developer looks like. Knowing that a web developer works in a team, how a team collaborates, which methods they use, how to have a productive day and of course stay updated, a routine day in general. These are the points we focused on our today session. Through an exercise on how to set up Trello, we check how it works.

2020-05-04T00:00:00+00:00 2020-05-04T18:22:45+00:00 https://jeancedric.netlify.app/career-week/

Today’s program was about getting ready for the career week. A career week is a week where we meet companies through interviews. So, for each Wednesday from last week, we have a chance to practise with coaches from Schindler and I would say it is my favourite time to learn from my mistakes and check from feedbacks where I need to improve. To prepare for an interview, it is not easy to do and it requires a lot of preparation.

2020-04-29T00:00:00+00:00 2020-04-29T20:02:10+00:00 https://jeancedric.netlify.app/ajax-and-json/

It was an exciting and enjoyable lesson, we learned how computers communicate using http/https (HyperText transfer Protocole secured), they can also be clients or servers. The general idea is that the client-side send a request and the server sends a response back to the client. JSON (JavaScript Object Notation) is a syntax for storing and exchanging data between the browser and the server. AJAX (Asynchronous JavaScript And XML) allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes.

2020-04-28T00:00:00+00:00 2020-04-28T15:16:11+00:00 https://jeancedric.netlify.app/introduction-to-frameworks-and-libraries/

After a few days, we began JavaScript, we pushed further today and we learn what is a framework and library. Especially, we learned different JavaScript frameworks and libraries. A technical difference between a library and a framework is that with a library the developer is in charge of the flow, he decides when and when to call the library. For the framework, it is the other way around, the framework is in charge of the flow, it provides places for a developer to plugin hers or his code.

2020-04-27T00:00:00+00:00 2020-04-27T19:43:23+00:00 https://jeancedric.netlify.app/coding-day/

Coding day is a day were on our own we go through exercises with no help and on the specific time, we have to submit it. It is challenging but same time it helps us to see our progression and what where we lack knowledge then we can see where we need to improve. I like this kind of exercises and I have fun today doing it, hope to learn from it and progress.

2020-04-24T00:00:00+00:00 2020-04-24T18:27:24+00:00 https://jeancedric.netlify.app/practising-javascript-event/

Going through exercises and coding, that was our main focus today. Especially on how to build a to do list App and to make a slider in JavaScript. Both exercises need to use events and they are perfect to practise on. Of course, it seems challenging at the beginning but with practice, it gets easier. The afternoon session was like morning, we continued to code and as usual, one of our teammates shares her country Philippines and it was interesting to learn about other culture and it was fun.

2020-04-23T00:00:00+00:00 2020-04-23T19:46:51+00:00 https://jeancedric.netlify.app/workshop-for-jobseekers/

From learning everything that we should know about and during an interview to have one and practice, that is what we did today, a quite interesting day. An interview is something not easy which need a lot of preparation but with support and help it can be done. We had a chance to work with an amazing team from Schindler Group company, with a great energy showed us everything we need to know about an interview.

2020-04-22T00:00:00+00:00 2020-04-22T16:35:02+00:00 https://jeancedric.netlify.app/html-and-the-document-object-model/

After a few days of learning JavaScript, we started on how to use DOM to modify Html and to use events which are an important part of a dynamic website. We did a recap, which aided me to check how far I understood the previous lesson, and same time doing exercises on the debugging developer tools helped me to see how everything works out. Tuesdays Afternoon is always a special time, I get to have one hour to do one exercise, to apply what I have learned so far which shows what I am capable, where I need to focus to improve my skills.

2020-04-21T00:00:00+00:00 2020-04-21T17:37:06+00:00 https://jeancedric.netlify.app/javascript-with-loops/

We started our day with a recap about everything we learned so far covering JavaScript, datatypes (string, number, arrays, undefined, boolean, object), variables, condition, functions and some different methods. Most important, we did an exercise collectively in a live coding session called " Basic Facebook or Twitter”. It helped me to use what we studied so far, to see what the idea behind Facebook or Twitter, just by using what we learned only.

2020-04-20T00:00:00+00:00 2020-04-20T18:52:19+00:00 https://jeancedric.netlify.app/functions-objects-and-arrays/

We began our day with functions, object and arrays. A function in JavaScript is a block of code written to act and it can be reused. E.g.: function myFunction(x, y, z){ return x + y * z; } Object is a data type in JavaScript and a data structure. It can contain many values with different data types even method(function); E.g: var person = { name: "John", age: 38, isMarried: false, hello: function() { return "Hello " + this.

2020-04-17T00:00:00+00:00 2020-04-17T18:35:18+00:00 https://jeancedric.netlify.app/algorithm/

A few days ago, we learned the meaning of “programming” which by the way means solving problems using codes, like a program that performs a set of tasks and meets all constraints. Well, the set of tasks is called Algorithm. In case, you write a program with those set of tasks, you end up with a computer program. Algorithm was our main subject in today`s session. We had a chance to practise, and that was my favourite part because it helps to understand the problem, write down the solution (pseudocode) and the last part is to code which becomes easy because you have already written it down.

2020-04-16T00:00:00+00:00 2020-04-16T18:50:45+00:00 https://jeancedric.netlify.app/connect-influence-workshop/

Connect and Influence are two important skills needed to succeed in a workspace. That is why we had a session today on how to improve them. Having a conversation sound easy, but it includes to listen and to reply in a good way so that the other person does not feel hurt, which can create some misunderstanding. Or to share an opinion in a meeting, it takes confidence and courage. The workshop goal was to help us to get comfortable in a new environment with new colleagues or in a meeting, to connect and feel confident.

2020-04-15T00:00:00+00:00 2020-04-15T18:27:56+00:00 https://jeancedric.netlify.app/intro-to-javascript/

We kicked off the day with JavaScript. Starting with the explanation of JavaScript, its syntax, few data types and some exercises. JavaScript makes websites more interactive and it can be used for different cases like to load parts of the content without refreshing the site, to include external content, to validate a form and process data, to track websites, animation and to draw, etc. Through exercises and the coding session, this is where I learn more and assimilate the material.

2020-04-14T00:00:00+00:00 2020-04-14T18:36:41+00:00 https://jeancedric.netlify.app/recap/

After we did a series of exercises on our own, it was time to go through them together, ask questions and see the best way to solve them. The best part of it is to learn from each other, every question asked or any exercises done is additional knowledge for all of us. The afternoon session was a continuation of the morning, going through different layout techniques, exercises in a small group, it was beneficial for me.

2020-04-09T00:00:00+00:00 2020-04-09T19:23:50+00:00 https://jeancedric.netlify.app/intercultural-skills-and-time-management/

In any workplace, you meet new people with different backgrounds. And it is important to get along with each other or if there are any cultural conflict situations to know how to deal with that in a constructively way. That was our main discussion today. It was quite an interesting session, also through various exercises to see how is quite easy to be a prejudiced person or to be a victim of prejudice.

2020-04-08T00:00:00+00:00 2020-04-08T17:30:15+00:00 https://jeancedric.netlify.app/turning-problems-into-code/

Yesterday session was about how to think like a coder. After that, a coder needs to write down the solution. Well, that was today’s man discussion. To solve, set up and the process to write down a program, those are steps needed to turn a problem into code. We worked on some exercises and that was the best for me, it helped me to understand well ho to start any program.

2020-04-07T00:00:00+00:00 2020-04-07T18:35:29+00:00 https://jeancedric.netlify.app/start-to-think-like-a-programmer/

It is very important to know how to think like a programmer because being a programmer means solving problems using codes. Well, It is a creative activity, which requires a set of skills. Today, we went through some few steps, which are necessary to solve problems. Like first of all to understand, which implies to read the issue a lot of times. Second, to plan how to solve it. Then divide a conquer, sometimes dividing a problem into small problems might help to find the solution.

2020-04-06T00:00:00+00:00 2020-04-06T18:38:24+00:00 https://jeancedric.netlify.app/css-layout-techniques/

To make a website responsive, layout techniques are required and very useful in some complex situations. Box model, Document flow, CSS Flexbox, CSS Grid and CSS Multi columns are the CSS techniques, each with its advantages and inconvenients. With exercises, trying to adapt the best technique to a specific layout, that how I can assimilate the material.

2020-04-03T00:00:00+00:00 2020-04-03T19:17:49+00:00 https://jeancedric.netlify.app/css/

Cascading Style Sheets, that was our main subject. A few days ago, we started Html and to know how to style what we wrote in Html, we began today CSS. We saw what rules are applied in CSS, how to select one or multiples elements, checked properties how they worked and of course, we practised. The most important thing is to know the importance of the Cascade looks at the type of rule.

2020-04-02T00:00:00+00:00 2020-04-07T21:54:34+00:00 https://jeancedric.netlify.app/cv-and-linkedin/

As usual, we have a workshop each Wednesday to improve our social skills, CV, profile on Linkedln or how to prepare for an interview. Today’s workshop, our instructors presented different ways to improve a CV and a profile on LinkedIn. First, they showed us various component which constitutes a CV and how to highlight each part. Starting with personal or contact information, work history, education and qualifications, relevant skills to the job, achievements, interests or hobbies, things to say and things not to say, difference between active and passive information.

2020-04-01T00:00:00+00:00 2020-04-07T21:52:29+00:00 https://jeancedric.netlify.app/interactive-html/

As a web developer, it is necessary to know how to build forms to interact with users, to collect or search for information or just upload files. That was our main subject in today’s session. We went through links, media and forms tags in Html. We took a look at different elements of forms, like various input field, field labels, structure and actions button and of course without forgetting their attributes.

2020-03-31T00:00:00+00:00 2020-04-07T21:50:34+00:00 https://jeancedric.netlify.app/html/

Today session was about HTML. We went through the history, the terminology, the semantics and the boilerplate. I have been practising Html for a while but after today session, I realized that I probably made so many mistakes without realizing it. With the help of some online platforms like validator, now I can verify if there is no error in my code or check the outcome of the page with Html outliner.

2020-03-30T00:00:00+00:00 2020-04-07T21:46:25+00:00 https://jeancedric.netlify.app/practices-makes-perfect/

Today session was about doing the assignment together in groups with our lead teacher, it was a good occasion to share what we have done, learn from others and ask questions. So here are some examples of exercises we have worked on. Create a project folder called “prep weeks” and turn it into a git repository. .Add everything to the staging area .Make your first commit. .Structure the content of your prep weeks.

2020-03-27T00:00:00+00:00 2020-04-07T21:44:10+00:00 https://jeancedric.netlify.app/git-github/

Git and GitHub are most important tools for a programmer and to understand how they work. Today, I learned how to set an account in Git with a username, an Email and create a repository in GitHub, at the end with Git push to GitHub. I practised Git commands, how to change a folder to a repository, add a file to a staging area and commit it. I had time also to work on the assignment from our teaching lead.

2020-03-26T00:00:00+00:00 2020-04-07T21:42:06+00:00 https://jeancedric.netlify.app/build-your-confidence/

To build confidence is important, needed and helpful in so many situations, like for a meeting, a presentation, an interview or in a workspace where it can help us to achieve more and at the same time benefit the company. Today, we worked on our confidence with Lucy Antrobus who was our instructor. Through many diverse exercises with various groups. We worked also on our social skills, listening, giving or receiving feedback.

2020-03-25T00:00:00+00:00 2020-03-31T20:31:09+00:00 https://jeancedric.netlify.app/introduction-to-the-command-line/

Today’s program was quite exciting, we went through the introduction of internet, Command line history, why we use Command-Line? Working with folder directories, files, commands and troubleshooting. The command line is a very fascinating subject. In the beginning, it looks challenging but with practice, it gets better. To use the Command Line I installed Git which for windows users provides a BASH for emulation to run it and I use the terminal in my Visual Studio Code.

2020-03-24T00:00:00+00:00 2020-03-25T20:13:21+00:00 https://jeancedric.netlify.app/first-day-of-school/

The first day went well. We started with a small presentation of our class and other members but what touched me was a testimony of the previous Powercoders student. In my opinion, it boosted our confidence and it was what we need for our first day. We receive our assignment which contains nine exercises, I passed my afternoon resolving them. First three exercises were online on www.w3schools.com, we were asked to do the test Quiz for Html, CSS and JavaScript.

2020-03-23T00:00:00+00:00 2020-03-31T20:36:35+00:00 https://jeancedric.netlify.app/pre-course-project/

The Pre-course project was challenging but I had fun doing it. One thing important about this small project is time event in JavaScript. I wanted to countdown from a specific number, there is method called setInterval(), which repeats a given function accordingly to a given time. At the beginning, I thought that I will use setTimeout()which checks the function given after a given time. It took me a while to figure out but I guess that is the learning process.

2020-03-20T00:00:00+00:00 2020-03-31T20:46:05+00:00 https://jeancedric.netlify.app/pre-course-project-a-countdown-app/

I started the Pre-course project, which requires to build an application where the user can interact with it. So I decide to work on the Countdown application where a user can type down a number, the number changes to seconds or minutes and a clock will be displayed. If the user presses the button start the countdown will start. Anytime the user can stop or continue the clock. So today, I begin by designing the clock and the page as you can see below.

2020-03-19T00:00:00+00:00 2020-03-31T20:49:21+00:00 https://jeancedric.netlify.app/portfolio/

I worked on my Portfolio, added another page to show exercises or small projects that I will do in the future or exercises that I have worked on. It was challenging but step by step I finished it and hosted it on Netlify. One challenge that came up is the flex-box (flex-grow) does not stay fixed, I mean the box element can stretch. which can mess up a little bit the design.

2020-03-18T00:00:00+00:00 2020-03-18T16:10:51+00:00 https://jeancedric.netlify.app/practice-my-portfolio-1/

My work on the Portfolio went a little bit further today, I focused more on the left-box, added navigation bar and some other elements, as the picture below indicates it. Tomorrow, I hope to go on by adding another page, where I can show my projects or any exercises that are already done. I still practice every day English and typing lessons. Now, I am following English courses on https://www.duolingo.com/learn.

2020-03-17T00:00:00+00:00 2020-04-01T18:20:51+00:00 https://jeancedric.netlify.app/practice-my-portfolio/

As an exercise,I began to work on Portfolio using HTML and CSS. I realize, my source code will be long because to make it responsive to all devices small, medium and large, I will have to adapt it to all different size by using Media Queries (@media). But there is another way, W3.CSS a CSS framework, which supports responsive design, and it is smaller and faster than other CSS frameworks. It uses classes name and no need to write a CSS file.

2020-03-16T00:00:00+00:00 2020-03-31T21:10:05+00:00 https://jeancedric.netlify.app/bootcamps-assignment/

I have gone again through the Bootcamp and gone through some assignment. Daily planet editor and DJ JS an event listener practice. I had fun doing these exercises of course with Google’s help. The goal is to keep practicing and improving every day. Daily Planet Editor: // /* // This code contains only syntax and code style problems. The logic of the code works, // so DO NOT change the functionality of anything in here.

2020-03-13T00:00:00+00:00 2020-03-13T16:48:39+00:00 https://jeancedric.netlify.app/practice/

Today, I did continue how to delete and refresh the buttons on the page. I tried to add an event listener but it did not work as I expected. I did manage to add functions that allow me to add input and a line through. I am still looking for a new way to add an event listener so that it can work properly. Otherwise, the key is to keep practice.

2020-03-12T00:00:00+00:00 2020-03-12T16:26:56+00:00 https://jeancedric.netlify.app/to-do-list-app-javascript-addeventlistener-and-html-dom-methods/

I have come across some new methods that i have applied on my small project. JavaScript, addEventListener() and HTML DOM Methods. I wanted to display todays date but not with the time, so i searched for an other way to do so. I found one on w3schools.com (https://www.w3schools.com/jsref/jsref_tolocaledatestring.asp), using a JavaScript method :ToLocaleDateString() ,which returns the Date object as a string, using options. I learned also how to use insertAdjacentHTML() method.

2020-03-11T00:00:00+00:00 2020-03-20T18:54:19+00:00 https://jeancedric.netlify.app/practice-on-how-to-build-to-do-list-app/

Since , i am almost at end of Bootcamp on scrimba, i decided to start practicing on how to build a to-do list application. And of course at the beginning, it was a challenge, but i managed to start, by designing the App with HTML and CSS. Also adding the icons. I found out that most the time, i have to search new ways through Google especially for CSS. To start a small project such as this one, it is the best the way to practice.

2020-03-10T00:00:00+00:00 2020-03-10T17:29:27+00:00 https://jeancedric.netlify.app/daily-progress-9/

Today’s topic is event listener. The first method that i learned today is addEventListener(). The Event Target method addEventListener() sets up a function that will be called whenever the specified event is delivered to the target. Here below is a link which helped me to go through addEventListener() method step by step. https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener Here are some ways to add an event listener to an element: element.addEventListener("click", function(){ alert("Hello World!"); });

2020-03-09T00:00:00+00:00 2020-03-20T20:29:52+00:00 https://jeancedric.netlify.app/daily-progress-8/

I have gone through videos of JavaScript (bootcamp) again, just to make sure that i understood well JavaScript and practiced on my visual studio code. This helps me to get used to JavaScript. The bootcamp on scrimba allows me to stop and manipulate codes anytime during the lesson,as a note, which i find very helpful. I started a new english course on Udemy. It will help me to speak English with more confidence and clarity, to understand the areas of English that must be mastered to become more fluent and have a deeper knowledge of English and how it works.

2020-03-07T00:00:00+00:00 2020-03-10T17:50:32+00:00 https://jeancedric.netlify.app/daily-progress-7/

Today, i followed on the Bootcamp how to create an element in JavaScript. The first way is made of 3 steps. First create an element with .createElement("tagName"), second add a content with .textContent, but still the element does not appear on the page. So the last step is with append() method, which put elements on the last child or last position, in case elements have to be first then we use prepend() method.

2020-03-06T00:00:00+00:00 2020-03-10T18:09:22+00:00 https://jeancedric.netlify.app/daily-progress-6/

On the bootcamp, the subjects that i covered are: modifying styles and elements value in Javascript. To do that, there are two properties usually used called .className and .classList. A specified class can be changed in different ways. Here are some clarifications. The .className property can set or return the value of the specified element’s class attribute. . To set the .className property : HTMLElementObject.className = class . To return the .

2020-03-05T00:00:00+00:00 2020-03-10T18:04:37+00:00 https://jeancedric.netlify.app/daily-progress-5/

From the introduction of DOM to the selection of an element (getElementById or querrySelector) or several elements (querrySelectorAll, getElementsByClassName ,getElementsByTagName ), to modify a text element (innerText, innnerHTML, textContent )or their style( e.g: document.style.backgroundColor). That’s what i spent my day trying to understand. Here are some clarification . First, DOM stands for Document Object Model. It is a JavaScript representation of the web page. It allows developers to access parts of the document (HTML page) and make changes as developers want.

2020-03-04T00:00:00+00:00 2020-03-10T18:10:21+00:00 https://jeancedric.netlify.app/daily-progerss/

My journey continues on the Bootcamp, i viewed the javascript object and did the assignment suggested. As the pictures indicate below: Javscript object assignement : / Create an object with one of each data type including at least 1 method. // Call the method to make it execute. // The method must use the keyword "this" to reference some part of the object. var Person ={ name: "Tom", Tel: "123", age: 20, friends: ["Jerry", "Carl","Timo"], adress: { street:"Bahn", city: "zuri" }, newInfos: function(){ console.

2020-03-03T00:00:00+00:00 2020-03-14T21:15:29+00:00 https://jeancedric.netlify.app/daily-progress-4/

Today, i continued on the Bootcamp Primer, i went through javascript: if/else statement, Loops and arrays. As you can see below, the different exercises: If/else assignment: // var name = "cat" // if(name === "dog"){ // console.log("same") // } else if(name !== "dog"){ // console.log("not the same") // } //--------------------------------------------- // var person = { // name: "Ali", // age: 12 // } // if(person.age >= 18){ // console.log(person.name + " is allowed to go to the movie") // } else{ // console.

2020-03-02T00:00:00+00:00 2020-03-10T18:27:02+00:00 https://jeancedric.netlify.app/daily-progress-3/

My journey on the Bootcamp Scrimba continues, i began with JavaScript , went through all the data types, I did an exercise which consists of writing an object in JavaScript. Grocery store Js: Write a program that has a shopper object. Include at least one property with each of the following data types as values to the properties: String Number Boolean Function (called a “method” when it’s inside an object like this.

2020-02-29T00:00:00+00:00 2020-03-14T21:12:05+00:00 https://jeancedric.netlify.app/daily-progress-2/

My journey on The Bootcamp Scrimba continues, I went through the CSS exercises proposed by the Bootcamp. The Cia sily, the Newsies and the flag assignment. Css Practice: I have worked on my CV, even if there are elements still missing, i hope that in a few weeks it will be over. I started a new English class on udemy, this course will help me to become more confident and to speak fluently.

2020-02-28T00:00:00+00:00 2020-03-18T15:06:23+00:00 https://jeancedric.netlify.app/daily-progress-1/

Today was a good day. On the Bootcamp, i was able to do exercises concerning the position and layout. Very good exercises which allowed me to better assimilate HTML and CSS, like how to design a blog by positioning different elements. There four type of positions: -static (Default), -relative (relative to its place) - absolute (I am there but not there) - fixed There are three types of display: -block :respect the size properties ,line to itself.

2020-02-27T00:00:00+00:00 2020-03-14T20:58:23+00:00 https://jeancedric.netlify.app/daily-progress/

Today was my second day on the code Bootcamp primer. I have reviewed CSS concepts, how to style elements, classes, ids, how CSS selectors work whether it is for parents or children, which is really useful to reduce codes. CSS selector can be divided into different categories: - select elements based on a Tag, name, id or class. - select elements based on a specified relationship between them (combinators). \ Combinators : .

2020-02-26T00:00:00+00:00 2020-03-14T21:00:36+00:00 https://jeancedric.netlify.app/daily-report/

After a cup of coffee, i started my day by trying to resolve an error, Netlify could not deploy my site. With a help of Google, i made some change in the configuration, it needed to be deployed by pushing via webhooks. I was thrilled to begin the Bootcamp Primer on scrimba, it is instructive, easy to manipulate, anytime i can access the codes, make a pause and some changes and see how it affects the page.

2020-02-25T00:00:00+00:00 2020-03-11T17:46:23+00:00 https://jeancedric.netlify.app/to-connect-github-to-netlify-1/

I usually use Netlify and Github, each with its own account. But today with a help of Marco Jakob`s tutorial, i learned how to link Github to Netlify. At the same time, i setted up my blog. For those who are not familiar with Github and Netlify. Well, Github helps you to host your open source of your project, while Netlify helps you to host it online. This afternoon, I took part in an English course on udemy, i made the advanced dictations, the exercises proposed by the teacher and i got rewarded at the end with a certificate.

2020-02-24T00:00:00+00:00 2020-03-14T21:20:15+00:00