Olivia
Online
Vince Caldwell
@vince_webdev
Software Developer
#100DaysOfCode
Stuart, FL
Joined June 2020
382 Following
221 Followers
472 Posts
ππDay 100 of 100: #100DaysOfCode ππ
Advanced CSS/SASS
-->review of Responsive Design Principles
1)Fluid layouts 2)Responsive Units 3)Flexible Images 4)Media Queries
-->review of layout types: Float layouts, Flexbox, CSS Grid
-->:not pseudo class(will apply style to all but)
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 97 of 100: #100DaysOfCode
Advanced CSS/SASS
-->What is Sass? (css preprocessor, ext of css)
Sass source code-->Sass compiler-->compiled CSS code
-->Overview of Sass features:
Variables, Nesting, Operators, Partials and imports, Mixins, Functions, Extends, Control directives
Who to follow
IO
@IliyaOblakov
Rails engineer building AI-powered SaaS.
Ship fast. Validate with users.
Turn chaos into automation.
Kathan Vakharia
@kathanvakharia5
Engineer at @Qualcomm | CP Educator at @TLE_Eliminators | https://t.co/iHCEgKV19z | NITK | ML, CP, Systems | Opinions r Personal
Animesh
@anmshpndy
Engineer.
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 95 of 100: #100DaysOfCode
Advanced CSS/SASS
-->Visual Formatting model
-->The Box Model (margin, padding, width, height, border and content)
-->Box Types (block, inline, inline-block)
-->Positioning Schemes (normal, floats, absolute positioning)
-->Stacking Contexts (layers)
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 93 of 100: #100DaysOfCode
Advanced CSS/SASS
-->CSS Parsed Part 2: Value Processing
1) Declared Value--> 2) Cascaded Value-->
3) Specified Value--> 4) Computed Value-->
5) Used Value--> 6) Actual Value
-->Unit Conversion (%, em, rem, vh, vw)
-->Inheritance (computed value)
Day 92 of 100: #100DaysOfCode
Advanced CSS/SASS
-->CSS behind the scenes (in-depth)
-->CSS Object Model(CSSOM)
-->CSS Parsed Part 1: Cascade (Process of combining diff style sheets and resolving conflicts)
-->Importance > Specificity > Source Order
-->Specificity calculations
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)
@rfornal Always fun when your learning. Had to brush up on my CSS/SCSS, as I preparing to build a fun little app I've been thinking about.
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
Last Seen Users on Sotwe
Gizli paylaΕΔ±m 18 itiraf et
Seen from Turkey
mona ahmed
Seen from United States
Prettii Paaiid 
Pocket
Seen from Malaysia
Douglas Zink
Seen from Australia
Rohansharmahead89
Seen from Israel
ΰΈΰΈΰΈΰΈΰΈ±ΰΈΰΈ§ΰΉΰΈ²ΰΈ§ ΰΈΰΉΰΈ²ΰΈ
Seen from Thailand
Revr
Seen from United Kingdom
ahmdsful._
Seen from Malaysia
Dahayu
Seen from France
Trends for you
Most Popular Users
Elon Musk
@elonmusk
240.1M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
108.8M followers
Narendra Modi
@narendramodi
106.9M followers
Rihanna
@rihanna
97.2M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.5M followers
KATY PERRY
@katyperry
86.7M followers
Taylor Swift
@taylorswift13
80.5M followers
Lady Gaga
@ladygaga
72.1M followers
Kim Kardashian
@kimkardashian
69.3M followers
YouTube
@youtube
68.6M followers
Virat Kohli
@imvkohli
68.4M followers
Bill Gates
@billgates
63.4M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
60.9M followers
X
@x
60.9M followers
CNN Breaking News
@cnnbrk
59.9M followers