Page Title

Day 1:

I did some research, decided I want to become a web developer.

Day 2:

I did some more research to understand what I will have to learn and tried to find a nice course to start, I ended up with Sololearn, it seems like a pretty nice app, its user friendly and its free, the community is great too.

Day 3:

I learned about HTML, how to break line, how to change paragraph, how to add an image, how to change it's size, height, width and color and more.

Day 4:

I learned about links, how to make the link open another pad, how to make a link bring me to a specific paragraph of my page using the id attribute, I also learned how I can make a link that opens another html file, I used that to create the next page of my notes. I also learned how to make lists like alphabetic lists, lists with roman numbers, etc, there are three kind of lists, ordered lists, unordered lists and description lists.

Day 5:

I learned about tables, about background color, tables were a little complicated so it took me a while to learn and practice, I also read through all my notes to make sure I remember everything.

Day 6:

I learned about iframe element, about map element and about what elements are block elements and what elements are inline elements. I also tested my self on memorization of everything I have learned so far.

Day 7:

I learned about forms, all different kind of inputs, attributes such as action, placeholder, type and others, and fieldset and legend elements and I also watched some programming videos in youtube and read some old codes to remember some stuff I had forgot.

Day 8:

I learned about text area, colors, font, progress element, I did some challenges in Sololearn, I finished the basics of HTML, and made my first project, tomorrow I will start to learn more about HTML5.

Day 9:

I learned about content models and page structure of HTML5.

Day 10:

I learned about Head,nav,footer,article,section and aside.

Day 11:

I learned how to add sound and videos, I also learned how to allow fullscreen for iframes.

Day 12:

I learned about progress element and about storage data.

Day 13:

I learned drag and drop API and how to use shapes with SVG.

Day 14:

I learned more about SVG.

Day 15:

I learned how to make SVG basic animation movements.

Day 16:

I learned about SVG paths, it took me hours and I'm still not done. Simple lines are easy, the curves and arcs made it hard.

Day 17:

I read over my notes, studied more SVG paths and fixed SVG paths notes to be more readable.

Day 18:

I learned about Elliptical Arcs and made the colored heart project using animations and paths.

Day 19:

I made the dancing circles project, earth and sun project and wrote about canvas in my notes.

Day 20:

I learned more about forms, the autocomplete attribute, the autofocus attribute, how to make datalist, that I can put for="email" in label and then id="email" in input so when I click the label it makes me type in the input. I also learned about the search type and I finished HTML course.

Day 21:

I wrote in my notes about small letters in paths, the use element and wrote the types of inputs. I also published my notes in internet, I learned about colors and did some challenges.

Day 22:

I finished the basics of CSS, started the page five of my notes, remade the page one of my notes and did some research about some stuff.

Day 23:

I remade my second page, it took me more than five hours.

Day 24:

I remade my third page.

Day 25:

I remade half of my fourth page.

Day 26:

Remade more of my fourth page, marked more words in page one, I'm tired and worry I may be marking more words than whats needed, as a result the marked words seem less important, since the page is full of marked words everywhere, maybe I worry too much for no reason, I guess I may have to unmark some words tomorrow and continue.

Day 27:

I know yesterday I said I wanted to unmark words but guess what, I decided to mark more words in page 2, almost finished remaking page four of my notes and I also wrote more about viewBox in my notes.

Day 28:

I wrote more about viewBox in my notes, and wrote about symbol element.

Day 29:

I wrote how viewBox effects the symbol element when you don't specify it's size, and how to fix that, I also wrote how to use viewBox with symbol element.

Day 30:

I think I finally figured out how symbol works when you use viewBox in it, and when should you use viewBox in it. I wrote more about viewBox and symbol in my notes, and fixed some stuff I had wrote yesterday. I also cut my page 4 in half, now SVG belongs to page five, and CSS notes are my page six. Also, I studied about arcs again, and rewrote everything about arcs in my notes to add more details and better examples.

Day 31:

I wrote more about arcs, learned about how I can edit arcs with paths and I fixed some more of my notes.

Day 32:

I finished the SVG page, and also wrote about how you can make animated symbols.

Day 33:

I finished page 4, fixed page 3 and wrote about how to nest lists in page 2.

Day 34:

I made the home page of my notes, and copied my diary from my phone to my laptop.

Day 35:

I put all my projects in a new iframe called "My porjects" so I can find them easier, I also fixed some more notes.

Day 36:

I started learning CSS again and I finished the first page of my CSS notes. I learned about CSS syntax, class and id selectors, descendant selectors, how to make CSS comments, Style Cascade and Inheritance.

Day 37:

I learned about font family, font size and font style and wrote about these in my second page of CSS notes, I also searched more about SVG and found much new information I will need to write in my notes

Day 38:

I wrote about SVG text, about linearGranient, radialGranient and about group and use elements.

Day 39:

I made two new animation projects using the group element to animate grouped objects, I also wrote what defs and symbol do, fixed some notes and wrote about preserveAspectRatio.

Day 40:

I fixed more the page five of my notes, fixed the links and updated the page online, I also downloaded microsoft visual studio code editor so I can code easier, and I wrote about transform attribute, about how to rotate, scale, translate and skew alements.

Day 41:

I learned and wrote in my notes about matrix transform function, it was hard but I learned it.

Day 42:

I started a new animation project, it goes pretty well so far.

Day 43:

I learned about stroke-linejoin, stroke-linecap, stroke-dasharray and stroke-dashoffset, I also created a section for all these in my notes, then I learned and wrote about how I can flip elements with scale transform function.

Day 44:

I made a new project using stroke animation, rotation and scale transform function, I also worked on the walking man animation.

Day 45:

I worked on the walking man project more, its going well so far.

Day 46:

I finished the walking man animation project and uploaded in SoloLearn and in my projects.

Day 47:

I learned about keyTimes, keySplines, and Calcmode SVG attributes.

Day 48:

I learned about additive and accumulate attributes, I also learned more begin values.

Day 49:

I made two games using SVG, it was great, people liked them, they are kind of cool actually if you think about this, especially the second one, making this fight system with the health bar and all using only HTML wasn't easy, most people didn't eveb believe that was possible.

Day 50:

I fixed the games a little, uploaded them in my notes and changed all the greater than/lower than symbols with < ; and > ; in order to make the code visible above the game so people who view it in my page can easily read the code. This took me a while to do, I also updated my page and updated SVG page in SoloLearn.

Day 51:

I learned more about SVG animations, learned the basics of how to use inkscape and svgator, I also decided to relax a little because I feel like my mind is gonna go kaboom. I have had enoguh SVG for now, I will fix some more HTML notes and continue with CSS, if I ever need to work with SVG again I will learn about effects, patterns and more.

Day 52:

I finished everything I had to add on HTML pages, and also uploaded the video and audio from page four to cloud with the help of dropbox, now they are viewable online, I also tested more the svgator.

Day 53:

I learned about font-weight, font-variant, color and font-align properties.

Day 54:

I learned how to vertically align text.

Day 55:

I learned about text-decoration, text-indent, text-shadow, text-transform, letter-spacing, word-spacing and white-space properties.

Day 56

I learned about margin-border, padding and content, I also learned how to customize borders.

Day 57

I learned about width, height and background-color properties, I also learned about background-image, background-repeat, background-attachment, background-size and background-position properties.

Day 58

I learned how to style lists and tables.

Day 59

I learned how to style links and cursors

Day 60

I learned about display property, about display: flex, flex-direction, justify-content and align-items properties.

Day 61

I learned about align-content, flex-wrap, flex-shrink, flex-grow, flex-basis, flex, align-self and order properties.

Day 62

I learned about display: grid;, about grid-template-columns, grid-template-rows, grid-auto-columns/rows, grid-row/column-gap, and grid-gap properties.

Day 63

I learned about the grid-template areas, grid-area, grid-column/row-start/end, grid-column/row, justify-content/items/self and align-content/items/self properties. I also finished the page nine of my notes, wrote the navigation links, and updated my diary and page in general.

Day 64

I learned about position static, position relative, position absolute, position fixed and position sticky.

Day 65

I made a project using position sticky to take a break from studying and relax.

Day 66

I learned about float, clear, overflow and z-index.

Day 67

I wrote an indtroduction to the new CSS3 properties and talked about vendor prefixed and border-radius, I also tried to understand border-image but still haven't wrote about it in my notes.

Day 68

I wrote about border-image, border-image-source, border-image-slice, border-image-repeat, border-image-width and border-image-outset properties, I also wrote about outline property.

Day 69

I wrote about line-height, box-shadow and transparency effect.

Day 70

I learned about pseudo classes, pseudo elements and how attr can work with content to make nice effects.

Day 71

I wrote about pseudo classes and pseudo elements in my notes, I didn't do much more because I wasn't feeling well today and had a very annoying headanche.

Day 72

I didn't have wifi today so I couldn't study sadly.

Day 73

I learned about :hover pseudo class and attr function.

Day 74

I studied a little about some more pseudo selectors, didn't do much however because of some real life problems I had.

Day 75

Learned about Standard Selectors, Combinator Selectors, more pseudo classes, User Action Selectors, UI Element States Selectors and Attribute Selectors.

Day 76

I learned about word-wrap property and @font-face rule, I also finished page eleven of my notes and made the shortcut links for each section.

Day 77

I learned how to create linear gradients, radial gradients and how to make opacity property work for Internet Explorer.

Day 78

I learned about transition-property, transition-duration, transition-delay, transition-timing-function and transition properties.

Day 79

I learned about transform: rotate(), transform-origin, transform: translate(), and transform: skew().

Day 80

I learned about transform: scale(), transform: rotate3d(), transform: translate3d(), and perspective property.

Day 81

I learned about keyframes and animations, about the animation-name, animation-duration, animation-timing-function, animation-delay, animation-retation-count animation-direction and animation properties.

Day 82

I learned about the drop-shadow, grayscale, sepia, saturate, hue-rotate and invert functions of the filter property.

Day 83

I learned about the opacity, brightness, contrast and blur functions of the filter property.

Day 84

I took a break, sorry about that :[

Day 85

I learned about the @media rule.

Day 86

I tried and remade facebook log in page for two different screen sizes.

Day 87

Took another break, sorry but I'm a pretty lazy person, especially now that I finished CSS and don't know what to do, I was thinking about making another project, but then changed my mind, tomorrow I begin JavaScript.

Day 88

I started JavaScript, and went over the very very very very basic stuff, like, how to add JavaScript to the page, what is JavaScript, how to add comments, these kind of stuff, at least I began, that's the hardest part really, give me few days and I'm gonna get used to it, it just has to become a part of my daily routine.

Day 89

I wrote about JavaScript variables and JavaScript Data Types

Day 90

I wrote about JavaScript math operators.

Day 91

I made a JavaScript project and talked about JavaScript assignment operators.

Day 92

I talked about JavaScript comparison operators and Logical Operators.

Day 93

I finished page 13 of my notes so I organized it a little, made a list of links at the top of the page, I also changed the background color of all pages and links color, I then made page 14 of my notes and wrote about if, else if and else statements.

Day 94

I wrote about the Switch statement.

Day 95

I wrote about the for loop.

Day 96

I wrote about while loop, do...while loop, break and countinue statements.

Day 97

I wrote about JavaScript Functions.

Day 98

I wrote about JavaScript function parameters, which wasn't anything hard or something, I just was lazy I guess, but I did learn something new, so as long as I do learn something I'm doing alright.

Day 99

I wrote about return statement, that's all.

Day 100

Ow, day 100 already, time passes so fast, today I learned about Alert, Prompt and Confirm popup boxes, I also used a little CSS, and I learned about the onclick HTML attribute.

Day 101

I wrote an introduction to JavaScript Objects, about object properties and object methods.

Day 102

I learned and wrote about the object constructors, how you can make one and how they work.

Day 103

I learned and wrote about how I can add methods to object constructors, I also wrote about the length property.

Day 104

I wrote about how to create Arrays, and how they worl.

Day 105

I wrote more different ways to create arrays, and that's all, because I'm lazy.

Day 106

I wrote about the length and concat properties of arrays, also, I wrote about the substring property which can be used with varieties, a property I had forgot to mention before when I spoke about object methods.

Day 107

I studied a little about math objects and math methods.

Day 108

I wrote about math objects and math methods in my notes.

Day 109

I tried to learn about Date Objects

Day 110

I tried to understand how setInterval and clearInterval work, I tried to create a project which took me a lot of time, I couldn't make it work, but at the end I did it, I created a button that makes alerts appear every six seconds, and a button that makes it stop, it was nice practice.

Day 111

I wrote about date object.

Day 112

I wrote about date methods and made a clock out of scratch.

Day 113

I finished page sixteen of my notes, I added links for each section at the start of the page, I also created page seventeen and I added a link for it in all pages, lastly, I updated JavaScript notes home page and my diary. I also studied a little about the next concept I'm going to talk about, which doesn't seem very hard, I will go over some theory tomorrow, but for today I'm taking a break.

Day 114

I introduced the document object model in page seventeen of my notes.

Day 115

I wrote about how you can select HTML elements and change their content and made two projects to use as examples, it took a while, but it was fun.

Day 116

I had to attend my birthday party sadly and I came home pretty late, I could had programmed a little but I didn't feel like it, so I just decided to take a break and do something else.

Day 117

I wrote how you can select all elements with same tag name or class name using loops, I also wrote about some document object model methods and properties you can use.

Day 118

I wrote about how you can change the attributes and CSS styles of a selected element using JavaScript.

My Diary