Skip to content
Learn tech systems

Learn tech systems

  • JS Education
  • Youtube
  • Twitter
  • Github
  • Linkedin
  • My resume
  • Search

Category: Css

Affect class that is in the same level of another class
Category CssPosted on November 9, 2021November 9, 2021

Affect class that is in the same level of another class

Hi in this post we are going to see how to affect a class that is next to another class and also how to affect a class that is inside another class. …
Read more "Affect class that is in the same level of another class"
How improve performance in a web application?
Category CssPosted on June 11, 2020July 8, 2020

How improve performance in a web application?

Hi, this is a common question in interviews so in this post I will write some points that we can handle to improve performance in our web application. …
Read more "How improve performance in a web application?"
CSS Flexbox center vertically and horizontally
Category CssPosted on April 29, 2020July 8, 2020

CSS Flexbox center vertically and horizontally

Hi, if we want to center elements vertically and horizontally with Flexbox, we can use this code. …
Read more "CSS Flexbox center vertically and horizontally"
What is CSS Flexbox and why is so important?
Category CssPosted on April 29, 2020July 8, 2020

What is CSS Flexbox and why is so important?

Hi, implement styles to web application sometimes could be a little frustrated when we try to position elements on the page, we have some solutions like position: relati…
Read more "What is CSS Flexbox and why is so important?"
CSS Flex box vs Grid
Category CssPosted on March 30, 2020July 8, 2020

CSS Flex box vs Grid

Hi, if we like to implement new features of css like flex-box or grid, we need to understand the main differences between each one.  Also if you are asked yourself ab…
Read more "CSS Flex box vs Grid"
React – Inserting classes names from JSON object
Category BrowserPosted on March 27, 2020July 8, 2020

React – Inserting classes names from JSON object

Hi, if you want to insert class names that are in your JSON object into a react components and even if you want to insert the name of font awesome icons, you can impleme…
Read more "React – Inserting classes names from JSON object"
React className with ternary operator
Category CssPosted on March 25, 2020July 8, 2020

React className with ternary operator

Hi, here and example of how use a ternary condition to insert a CSS class in a component.  …
Read more "React className with ternary operator"
React toggle class
Category CssPosted on March 24, 2020July 8, 2020

React toggle class

Hi, if we want to open, close or show, not show some DOM element we can do this with a react local state, one handle method, a ternary condition and finally the CSS clas…
Read more "React toggle class"
Creating buttons with Vanilla JS
Category CssPosted on March 20, 2020July 8, 2020

Creating buttons with Vanilla JS

Using Javascript language; create an input that receive only numbers and depends of the number that the user insert then create a button(s) element in the page. …
Read more "Creating buttons with Vanilla JS"

Recent Posts

React validate if an item exist in array and set a message to the user
Category ReactPosted on August 26, 2022August 26, 2022

React validate if an item exist in array and set a message to the user

React delete item and update the DOM
Category JavascriptPosted on August 26, 2022August 26, 2022

React delete item and update the DOM

React add item and update the DOM
Category JavascriptPosted on August 26, 2022August 26, 2022

React add item and update the DOM

Work with inputs/form in React
Category JavascriptPosted on August 22, 2022August 22, 2022

Work with inputs/form in React

Categories

  • Algorithms (22)
  • Apache (1)
  • Apollo (2)
  • Array (1)
  • async (2)
  • Asynchronous (11)
  • await (1)
  • Browser (4)
  • Call stack (5)
  • Callback (2)
  • Cassandra (1)
  • Chrome (1)
  • Cloud computing (1)
  • Code (1)
  • Cross browsing (1)
  • Cross browsing testing (1)
  • Css (9)
  • Data (3)
  • data structure (1)
  • Database (7)
  • Developer (1)
  • DevOps (1)
  • DOM (9)
  • ES6 (36)
  • express (2)
  • Fetch (1)
  • Functional programming (4)
  • git (4)
  • Github (6)
  • GraphQL (22)
  • Hackerrank (3)
  • HTML (5)
  • Inheritance (2)
  • Interviews (1)
  • Javascript (150)
  • JSON (1)
  • JSX (2)
  • Memory heap (5)
  • MySQL (6)
  • nodejs (8)
  • NoSQL (1)
  • npm (1)
  • Object.prototype (1)
  • performance (4)
  • Promise (3)
  • prototype (2)
  • React (54)
  • React Fundamentals (24)
  • React hooks (21)
  • React Testing Library (8)
  • Redux (1)
  • Regression testing (2)
  • Server (1)
  • Software Engineer (1)
  • SQL (4)
  • Styles (2)
  • success (1)
  • Synchronous (7)
  • terminal (2)
  • Testing (18)
  • TypeScript (10)
  • Uncategorized (9)
  • Unit test (15)
  • Unit testing (15)
  • wep app (2)
  • Wordpress (2)
  • work (1)
Made with love by Cristina Rojas ©2020 All rights reserved