Day 99 of 100: #100DaysOfCode
Advanced CSS/SASS
-->Converting project to 7-1 pattern
--> built the folders: abstracts, base, components, layout, and pages (not using themes or vendors, yet)
-->Transferred code from main.scss into all the folder, created files where necessary;
Day 98 of 100: #100DaysOfCode
Advanced CSS/SASS
-->Sass syntax VS SCSS syntax (with brackets)
-->Nesting with & (path of enclosing selector)
-->using mixins, function and Extends in practice
-->Brief review of command line
-->installing node-sass
-->install/use live-server
Day 96 of 100: #100DaysOfCode
Advanced CSS/SASS
-->THINK: Component-Driven Design
-->BUILD: Block Element Modifier (BEM)
-->ARCHITECT: The 7-1 Pattern
-->Converted current project over to BEM, converted all px's to rem with root as % (not to override with px)
-->Next into Sass
Day 94 of 100: #100DaysOfCode
Advanced CSS/SASS
-->CSS Parsed Part 3: Inheritance (*Passes computed value to child , NOT declared value)
-->Converting px to rem; using % at the root level, rem at lower level (below <html> tag) for responsive management
-->Global resets with *{}
Day 91 of 100: #100DaysOfCode
Advanced CSS/SASS
-->How CSS Works(behind-the-scenes)
-->3 pillars of writing good HTML/CSS Review
1) Responsive Design (One design for all screens/viewports)
2)Maintainable/scalable code
3) Web Performance(make faster and smaller in size)
Day 90 of 100: #100DaysOfCode
Advanced CSS/SASS
-->Continued Header build with adding keyframes and animations
-->reviewed pseudo classes- :link, :visited, :active, :hover and ::after
-->animation-fill-mode (values are applied by the animation outside the time it is executing)
Day 89 of 100: #100DaysOfCode
-->Need refresh to help with app
-->starting @jonasschmedtman Advanced CSS/SASS course through @udemy
-->started first project code-along, building landing page
-->Creating header element with styles: clip-path, transform/translate and transition
Day 88 of 100: #100DaysOfCode
Course Wrap up/Completion
-->JS wrap up/concepts review
-->Completed @AndreiNeagoie JS: Advanced concepts course from @udemy
-->Next, I've been planning a web app I would like to build, but still in brainstorm. In meantime working on some CSS/SASS
Day 87 of 100: #100DaysOfCode
Data Structures in JS cont
-->Hash Tables VS Arrays
-->Hash Table Review
Pros--> Fast lookups, Fast inserts, Flexible Keys, can improve time complexity
Cons --> Unordered, slow key iteration
-->Solved common interview question: First recurring char
Day 86 of 100: #100DaysOfCode
Data Structures in JS cont...
-->brief look at Hash tables in different languages (Python=dictionary, Java= maps, Ruby = hashes)
-->JS: Maps (allows you to store and object with any data type as the key)
-->JS: Sets( only stores the keys, no values)
Day 85 of 100: #100DaysOfCode
Data Structures in JS cont...
-->Hash Tables intro (JS == objects)
-->Hash Functions (function that generates a value of fixed length for each input it gets)
-->Hash Collisions (when data stored in same address space) -->Linked Lists
Day 84 of 100: #100DaysOfCode
Data Structures in JS cont...
-->Another day to focus on Arrays
-->Pros(Fast lookups, fast push/pop, ordered) VS Cons(slow inserts, slow deletes, fixed size(if static))
-->completed common interview question: reverse a string and merge sorted arrays
Day 83 of 100: #100DaysOfCode
Data Structures in JS cont...
-->Array intro section
-->Static vs Dynamic Arrays
-->Implementing Arrays
-->Strings and Arrays section
Day 82 of 100: #100DaysOfCode
Data Structures in JS
-->Section overview and review of what is a data structure (Linear, Trees, Hash-based, Graphs)
-->How computers store data
-->Data structures in different languages
-->Operations on Data Structures