MY PROGRAMMING PROCESS

• I created my first repository

• I created "The Web Developer Bootcamp"
• I repeated basic, intermediate Html (section3 and 4)
• I repeated my old exercises and commited them on GitHub

• I repeated introduction, intermediate CSS (section 5 and 6)
• I repeated my old exercises(selector practice) and commited them on GitHub
• I did a resarch about css selectors on MDN
• I changed my Diary little bit with CSS

• I repeated my old exercises(tictactoe)
• I did a researh about padding, margin and border on MDN
• I watched a video about CSS tutorial for beginners

• I created CSS Blog based on my udemy course
• I finished section 6 part
• I researched some CSS features

• started section 7 part (udemy)

• tried to use bootstrap features (form-inputs, navbar)
• Women Techmakers Berlin JS Crash Course Vol 3 Lecture 1 (45 min)
• started section 10 part (javascript)

• Women Techmakers Berlin JS Crash Course Vol 3 Lecture 1 (finished)

• WTMB first week code(finished)
• created WTMB project repo on GitHub

• Rob Merrill - javascript for beginners
• watched again WTMB JS Crash Course Vol 3 Lecture 1

• I fixed names of classes on week-1 code
• I started to code for food delivery example

• I finished to code for food delivery example

• I finished section 10 from web development bootcamp
• I coded age calculator exercise
• started to Twitter clone based on WTMBerlin/jscc2019 homework for week 1

• studying on Twitter clone example

• I finished to code for Twitter clone example

• watched WTMB JS Crash Course Vol 3 Lecture 2

• studied on Git-it app
• watch Udemy's lectures, Section 11: Javascript Basics: Control Flow

• Studied on npm, node js
• Finished week-2 homework

• I started to watch WTMB-2019 lecture 3

• Continue WTMB-2019 lecture 3

• I started to watch JavaScript-30 lectures
• I trieed to code drum kit poject
• researched about css features (display, justify-content, align-items)

• I finished to code index.css of drum kit project
• watched drum kit video again, understand index.js part of it

• I watched Wes Bos's first lecture more than 5 times
• I have researched some Javascript features like querySelector, addEventListener etc.

• I finished Drum Kit exercise
• I did a research about how I can add a link of my project in readme.md
• I added a link in readme file (Diary repository)

• I started to watch Section 11: Javascript Basics: Control Flow lecture on Udemy
• I coded conditionals exercise(Udemy homework)

• I started to code second project of js-30
• Created a clock shape and added background image

• I deleted my all code from clock exercise
• I have tried something different than Wes Bos's code, but I failed. I couldn't do what I wanted to do. I realized that I know nothing about styling, I need to study on CSS and also JavaScript. Don't give up...

• I started to study on FreeCodeCamp
• I finished Basic Html part of FCC

• I did research about Javascript course on Udemy
• I bought "Modern javascript Dersleri"
• I have finished Introduction to Basic CSS part of FCC and started applied visual design

• I started to Modern JS course and finished until numbers and numbers methods
• I learnt how I can use Date objects and calculating age

• I had learned what is bootstarp and how I can use it. Then, I used some bootstrap features like button, jumbotron and form.

• I had learned how I can add nav bar and use its features such as hamburger menu. Also I used gird system, thus I created some columns and nesting grid

• I have started to study in the morning to code "Image Gallery" exercise, but I couldn't figure out how I can create all images in same size. I did a lot of researches, they said it worked, but mine images didnt change. All of sudden, I realized that I didnt add my css file in the html's head. I spent nearly 2 hours to fix this problem, OMG
• DON'T FORGET TO ADD CSS FILE IN HTML'S HEAD
• I have finished applied visual design from freecodecamp

• I did research about position, z-index properties on MDN

• I have finished lectures about numbers, strings etc. I have started to watch 2. level of JS lectures(Udemy course)

• I watched 5 lectures on Udemy (if/else, switch, object literals)

• I have done some exercises of 2. level of JS lectures (if/else, switch, object literals and loops)

• I watched just 2 lectures of the web developer bootcamp.
• Creating a startup page based on udemy course

• I have finished section 7 which is about old version of bootstarp. And started section 8
• I have created a startup page which is called purrfect match based on the course. I have learned adding text-shadow, using rem instead px and adding blockqute with bootstrap 4(new version)

• I have finished section 8 which is about new version of boootstrap
• I have done exercises about that giving spacing while page size is changing. I learned how I can use sm, md, lg and xl utilities with padding, margin, navbar-expand and display

• I have finished loop part of js lecture and I have code guessing number exercise.
• I did research about js books to read

• I have finished the pattern exercise from web development bootcamp course. I started doing another bootstrap exercise which is Candy Museum
• I have learned lots of thing about bootstrap. I had an idea about what is library in general and how people use that.

• I have finished third section of js course
• I learned function wtih bank exercises. Also I have basic knowladge about window objects and scopes

• Today, I have tried to finish museum of candy exercise with using bootstrap. There are a lot of things to know. I learned lots of new things again about bootstrap4.
• I spent nearly 3 hours to finish this exercise

• I have watched 6 videos about what DOM is from udemy course

• I finished section 11 from web developer bootcamp course
• I did research about js frameworks especially react and vue.js
• analyzed some kata on CodeWars

• I have watched 2 videos about eventListener and how I can create a new element and replace with another element by DOM

• I have finished 4th section which is about DOM. I learned mouse, keyboards events, what local and session storage are

• I finished section 12 from web development bootcamp on udemy
• I have started to solve kata on codewars again

• I did a To Do app based on udemy course, but I dont understand the logic of local storage. Thus, my app is worked without storage.
• I created the codewars repo on GitHub. I solved just one kata which is 8 kyu on codewars

• I started to watch section 13 which is about arrays, but I didnt study much today.

• I finished section 13 and its exercises
• I have spent nearly 2 hours to solve check the exam kata on codewars and finally I did

• I finished section 14 and its exercises

• I started section 15 which is about DOM
• I solved just one kata(7 kyu) on codewars

• I finished section 15 and started to watch section 16
• I solved one kata about array and I used reduce method to sum two different arrays

• I have finished color toggle exercise and started to code score keeper project, but not finished yet
• I create a new diary with bootstrap and I decided that I write what I learn from courses, videos, codewars etc.

• I have finished section 16 and I have learned lots of things about DOM
• I finished score keeper exercise
• Watched Wes Bos's first js-30 tutorial again

• I watched just one video about rgb color game (Udemy course project) and I coded
• Rewieved my last JS codes, and I wrote them on paper

• I watched 3 videos of rgb color game project. I coded lots of things
• I realized that when start to code a project, you should start to basic like writing html, css first. Complete skeleton. Before writing functions use basic logic and variables and then replace with them with functions. I hope that I understand correctly :)
• Andddd dont forget your stupidness, numbers dont have length property, idiot. Because of this sh*t, I spend 1 hour, but I finally fixed this, yayy!

• I watched 2 videos of rgb color game project. It was little bit confusing.

• After 16 days, I am back in the game, yayy.
• I completed the color project game. I didnt understand some part of what I have done like reducing some functions. I will watch again, later

• After the holiday, I thought that I forgot my all knowladge. I decided that I should solve some katas on codewars. I solved 4 katas and I didnt search on internet for their solutions, yayy

• I finally started JS-30 course.
• I didnt do so many things today, but I searched some features of readme.file. Also, I spent nearly 3 hours to rewiev others code about js-30. I found very good portfolios to review. Maybe, I didnt code very well, but I learnt lots of things today.

JavaScript-30 Drum Kit

• I researched css background attributes from w3 and MDN
• HTML attributes from;
  • About display
  • About grid
• I played with css today and I tried to understand every line of code for js drum kit

JavaScript-30 JS+ CSS Clock

• I started second lesson of js-30 which is Js+CSS Clock. I have coded CSS only today
• CSS attributes;
  • CSS Position

• I finished second project, JS+CSS Clock. I will study transform and setInterval tomorrow.
• I changed my readme file. Also I learned how I create a good readme 💗

• Today, I learned how I clone a repository to my computer because my computer crashed. I am cloning my all repository now.

• I downloaded my all repositories again and 100 days of code challenge also
• I have searched ES6 arrow function, what setInterval is. Also I did a research about css variables.

Array Cardio Day 1

• I started this example yesterday and I am learning array methods
• Watch this after exercise
• Array.filter();
  • short video about filter
• Array.map();
  • short video about map
• Array.reduce();
  • short video about reduce, also find max in array with using reduce
• I have learned array methods that are really useful especially when I try to solve kata on codewars :)
• I solved just two katas about arrays on codewars, finally I can write one line code with usig array methods

• I started to code 5th example of JS-30 course, I had little trouble abot flexbox, again. So I decided that I will start Wes Bos's flex and grid courses too.
• Solved 3 katas on codewars

• I started to watched WesBos's flex course. Also I will complete CSS Flex and CSS Grid courses on FreeCodeCamp

Flex Panels Image Gallery

• I finished 5th project which is about CSS flexbox properties.
• I dont understand one thing about this course, I write just one lne code to show up bottom and top panels?

Ajax Type Ahead

• I have started to code 6th project, but I dont know regex, I have no idea about that. Because of that, I just wrote css which is not exacly Wes Bos's code. I will study on regex tomrrow.
• Watched one more css flexbox video about justfiy content

• I repeated last js-30 courses and reviewed theirs code
• I did a research a bout fetch and regex

Ajax Type Ahead

• I have no idea about promises, so I have to study on it to understand this wes Bos course
• I watched and coded WTMB first course again, but this time I undertood better if I compare with th first time that I coded
• Fetch API(Turkish)

• I recaped first course of WTMB
• Solved 5 katas on codewars all of then were 8 kyu

• I did a search about what are JSON, fetc.API.
• About fetch(medium, turkish)
• I also watched alaylı yazılımcı olmak on youtube, and I got my motivation back

• I watched Fetch API Introduction
• Finish 6th project about regex
• Isolved 2 katas on codewars

• I rewatched wtmb first lesson also I looked at 2017 version of this lecture.
• I coded food delivery exercise from strach and this time, I understood better than first
• Also, I created a new project about film library

Fun with HTML5 Canvas

• I started this course, but I have no idea what canvas, ctx, stroke()... is. I had a vision of logic about how this code works.
• 30 mins for freecodecamp, JavaScript

Fun with HTML5 Canvas

• I finished the 8th project, but I changed lttle bit. I created basic version of microsoft paint. You can pick a color of line and click the erase button all for redrawing.
• How to use a color picker for the canvas stroke color?
• How to clear the canvas for redrawing

• Today, I didnt do so much things, just watched 3 videos about css flex property

WTMB- 2017 2. Lecture

• I watched WTMB- 2017 week-2 lecture.
• node.js, npm, data.json...

14 Must Know Dv Tools Tricks

• I finished 9th project, but I think that it wasnt very useful except one or two things.
• I decided that I will finish flexbox course for this week, so I studied 2 lessons also.

Checkboxes with shift key

• I watched 10th project and create html and css file without js code
• Istarted freecodecamp js course

Checkboxes with shift key

• I watched again and write its code twice which one is after watching, then I deleted all code. I tried to code on my own.
• I stucked some points. Why did he write lastChecked variable outside the function. The second question is why he code lastChecked=this at the end of function.
• I learned what flag variab is. It is like let flagVariable= false ...
• Completed 5 exercises on FCC

WTMB-2017 2-Week for food delivery example

• Today has been very long day, I rewatched second of 2017 and 2019 versions of WTMB. And my brain hurts, really...
• I deleted library project.
• Split all classes into different js files, and I found emoji npm and I added into script by require. Then, use emoji as an identifier in food class. I create database.json, define SAVE and LOAD functions to create json files. Loaded all objects in json files. Then delete all script variables and functions except database require and load function. AND IT WORKED, FINALLY.......

Custom HTML5 Video Player

• This exercise is really hard to understand, I am not talking about js part, css part is really confusing
• Watch this to understand html and css part
• I found video.js framework?? I think is a framework, it is really useful, but to learn I finish this exercise and then I will use this framework
• I studied js on FCC for 30 mins
• Completed 6 katas on CodeWars
• Watched 2 videos about Flexbos(Wes Bos)

Custom HTML5 Video Player

• I tried to customize video player buttons, I have done tasks until proress bar
• I tried to add full screen button, also I tried to exit full screen mode when user click again the button, but I couldnt.
• I added another exit button, and I realized that IT HAVE TO BE DOCUMENT.EXIT.... not player.exit...
• I will try to figure out tomorrow

Custom HTML5 Video Player

• I finished custom video exercise. I have learned a lot of things about video attributes and logic of code little bit
• I researced for fullscreen button and I tried to add exit funcionality also, it was very easy btw

• I finished Wes Bos WTF course

• Solved 5 katas on codewars, 8 kyu
• I started to watch udemy course again because the course is changed all consepts
• Watched WTMB- 3 lecture about async, but I didnt understand all of them

KONAMI CODE

• Finished 12nd exercise of Wes Bos which is about konami code
• Solved 2 katas, SPLIT, TOSTRING, TOUPPERCASE, SLICE, JOIN
• Article about split
• I completed 24th section of udemy course

SLIDE IN ON SCROLL

• Finished pokemon exercise, practiced with appendChild, createElement
• Created 13nd exercise's page, I konw float attribute, but I am familiar display: flex more.

SLIDE IN ON SCROLL

• I finished 13nd exercise, but... I dont understand logic behind this exercise.
• How to detect if browser window is scrolled to bottom?
• Watched 10 videos of udemy course and create page when user click the button change background color

REFERENCE VS COPY

• I finished 14th exercise of we bos
• I created my first pull request, HACKTOBERFEST
• But I didnt understand branches, clone etc.
• Github crash course
• completed 10 tasks on FreeCodeCamp

LOCAL STORAGE AND EVENT DELEGATION

• I started to code 15th exercise, I created landing page on my own. Because of this, page looks like different than the original one
• Completed 10 exercise on FreeCodeCamp
• Watched 2 Udemy videos(26th exercise)
• I created a repo which is a booklist app, I just created I didnt watched the tutorial.

LOCAL STORAGE AND EVENT DELEGATION

• I finished the add items on the list part of this exercise
• I completed 15 exercises on FreeCodeCamp (JavaScript)
• I solved 5 katas on CodeWars
• Started to read You Dony JS series

LOCAL STORAGE AND EVENT DELEGATION

• Completed local Storage part of JS-30
• JavaScript Cookies vs Local Storage vs Session
• About local vs session storage (in Turkish)
• Finished first challenge of JS on FCC

LOCAL STORAGE AND EVENT DELEGATION

• Finished 15th exercise, learned lots of things; event delegation, e.preventDefault(), event bubbling
• ELOQUENT JAVASCRIPT

LOCAL STORAGE AND EVENT DELEGATION

• In the morning, I just watched 16th video of wes bos js-30.
• FreeCodeCamp - ES6 - 8 exercises
• Spread Operation. It is also about reference vs copy like wes bos example
• Finish score keeper exercise
• Tomorrow check what call stack is

MOUSE MOVE EFFECT

• Started to 16th exercise, coded just html and css part
• Watch 3 lessons of Colt Steele course
• FCC ES6- 8 exercises

MOUSE MOVE EFFECT AND SHORTHING BAND NAMES WITHOUT ARTICLES

• finished 16th exercise
• Finished also 17th exercise which is about trim(), sort(), replace(), map()

STRING TIMES WITH REDUCE

• I finished 18th example. Data-attribute, ParseFloat vs ParseInt
• 5 kata solved. Compare two array, spread operator, string.prototype.endsWith()

WEBCAM FUN

• Today, I didnt do anything, just start to code 19th exercise, but it seems like there are too many stuf to learn

WEBCAM FUN

• How web works
• getUserMedia, learned how website access the webcam and show on the page
• It is about promise (in turkish)
• Solved 5 kata, 8kyu

WEBCAM FUN

• Finished webcam fun exercise
• Solved 6 katas that 2 of them are 7 kyu :)

SPEECH DETECTION

• I loved today's exercise. Learned speech recognition web API.
• Tomorrow, research for API
• SetInterval vs SetTimeOut

SPEECH DETECTION

• I finished 21st exercise of js-30. learned geolocation api and svg
• I did a reserach about WEB API (in Turkish)
• Solved 5 kata

FOLLOW ALONG LINKS

• Finished 22nd project
• About DOMRect
• append() vs appendChild()
• DOMRect()

SPEECH SYNTHESIS

• Speech Synthesis Utterance
• Solved 10 kata

SPEECH SYNTHESIS

• Finished 23rd exercise
• Solved 6 kata

STICKY NAV

• Finished 24th exercise
• Solved katas on codeWars

EVENT CAPTURE

• Finished 25th exercise
• Started to write my own js cheat sheet
• Watched udemy courses

EVENT CAPTURE

• Started 26th exercise. Created a page with html

DROPDOWN

• Learned differences between arrow function and regular function.
• In regular functions the this keyword represented the object that called the function, which could be the window, the document, a button or whatever.

  With arrow functions the this keyword always represents the object that defined the arrow function.

• Finished 26th exercise
• Solved 8 kata
• Read introduction part of Eloquent js

CLICK AND DRAG

• Finished 27th exercise which is about create a dropdown menu. I added some different css code to change its design
• Understand the scroll logic
• Read first chapter of Eloquent JS
• WATCH THIS TOMORROW

SPEED CONTROLLER

• Finished 28th exercise, I had really fun and I understand what I have learned during js-30
• Studied RegEx which I was really afraid to study this topic
• Solved katas about regex

FINISHED JS-30

• FINALLY, I FINISHED JS30 TODAY, I HAVE LEARNED LOTS OF THINGS
• Solved katas about regex generally

NUMBER GUESSING GAME

• I started to code my own project. I created html and css and styled page with them

NUMBER GUESSING GAME

• Create a random number and show it on the console when player click the start game button. If the guessing is correct, alert
• Started to read 2nd chapter
• Solved katas

NUMBER GUESSING GAME

• Add speech recognition to display players speech, but I couldnt fix the problem. I will fix tomorrow
• finished 2nd chapter and start the 3rd chapter

NUMBER GUESSING GAME

• I have finished my number guessing game project
• Today I learned git properties, merge, pull. learned how branch create.
• Change style my project
• Create a repo which is about eloquent js exercises and solve 3rd chapter problems

WTMB LESSON-1

• I rewatched wtmb-2019 lesson 1.
• Created notes on evernote about eloquentjs chapter 3
• Solved 8 kata
• Learn git with playing

WTMB HOMEWORK-1

• I just coded wtmb homework

WTMB LECTURE-2

• Finished lecture 2
• What is OOP
• Compiler vs interpreter(in Turkish)

WTMB HOMEWORK-2

• I finished second homework of wtmb

WTMB LESSON-3

• I started to code lesson-3 2 days ago, but I didnt understand static create() function. Thus, I created a new meetup and saved people in this meetup
• First, load data from json, but this isnt a object. Create a instance of loading data like that const wtmb = Meetup.create(loadedFile). Then create a new person instance then attend the meetup.Use Database.save('meetup.json', wtmb).

WTMB LESSON-3

• I watched wtmb-3 lesson until its 2 hour 35 min.I have a idea about what asynchronous function is and what promises, await are. But I just have ideas...
• I finished eloquentjs chapter4 and its problems. I really liked the last exercise.
• We can compare object properties' values with JSON.parse() function
• Also for checking whether objects have same properties or not, we can use Object.keys

WTMB LESSON-3

• I finished lesson 3
• I should look at what services are, how them are built. Also I have to search about promises, async/await.
• This week, finish 3rd homework and research all of them

• Solved katas
• Started to read eloquentjs chapter 5

WTMB HOMEWORK-3

• Finished wtmb-3 homework. Fixed bugs

• Finished eloquent 5 chapter

• Solved katas about high order functions

WTMB LESSON-4

• Started to watch wtmb-4 lesson for first 30 min. DNS, IP, domain, localhost, express framework
• Have studied on high order functions and made some notes about them
• Useful array.reduce() method article(in Turkish)
• This article is betterREDUCE

WTMB LESSON-4

• I solved 25 katas about arrays, functional programming etc.

WTMB LESSON-4

• Watched wtmb-4 lesson for 2 hours.
• I got circular structure, flatted.parse(...).map is not a function errors. In json file ı had data inside of [], but my function has flatted method that means [] is gone, I need [[]] so map is used.
• And this is the last day of 2020 :)

WTMB LESSON-4

• Finished wtmb lesson-4. Also I added if condition inside app.get person id path in caseof id doesnt exist

WTMB LESSON-4

• Solved 6 katas on codewars about mostly higher order functions
• How does the internet work?