Training day 6 - HTML and CSS Basics [Ending]
Heloo people!! I completed the first part which included the HTML and CSS basics. Following are the notes and summary of what I learned. Class selector, Id selector hsl(52deg 61% 20%) 52deg gives the colour value, 61 gives saturation, 20 gives brightness, and another value for opaqueness Gradients are technically backgrounds. background: linear-gradient(45deg dodgerblue, yellow, 90%) Radial-gradient(circle at top, white, yellow) Cssgradient.io to create gradients....
Training day 5 - HTML and CSS Basics
Heloo people!! Yesterday I started the Mosh Course given by my mentor Divyanshu. I completed the HTML and CSS Basics part and here are my notes: Notes: HTML(Markup Language), CSS(Styling Language) are used for basic building blocks. JavaScript is a programming language, which helps to define what to do. <a href=“img.jpg” download>my photo</a> This attribute directly downloads the image when I click on the hyperlink...
Training day 4 - UseReducer
Heloo people!! Today I worked on the hook useReducer() from this tutorial. Here’s what I have for now deployed here The code works this way, when we click on the Increment button, the count increases, but when it reaches “5”, and increment, we encounter an error “Maximum reached”. Similarly, when we decrement, we can’t decrement less than 0. But my code doesn’t work. I’ll have...
Training day 3 - UseRef
Heloo people!! Today I worked on the hook useRef() from this tutorial and Manipulating the DOM wtih refs. I am encountering an error now, here’s the code: export default function Theme() { const [name, setName] = useState(''); const inputRef = useRef(null); function handleClick() { inputRef.current.focus(); } return ( <> <input ref={inputRef} value={name} onChange={e => setName(e.target.value)}/> <div>My Name is {name}</div> <button onClick={handleClick}>Focus</button> </> ) } I...
Training day 2 - UseMemo
Heyoo!! Today I worked on the hook useMemo() from this tutorial. Here, what we are trying to do is, we are doubling the number user enters in input but the output is supposed to show after a delay, using a slowFunction(we define ourselves). There’s also a functionality to change the theme but the delay occurs while changing theme as well. We don’t want that, so...