Ramachandran Varadarajan ramvvram

using the roadmap

This document should be viewed as an overall guide on what needs to be learnt. If you're an aspiring web dev, treat this as a signpost.

Learn by doing. Practice the code examples yourself.
Then creating end to end projects is the best way to assemble all your learning at one place and boost your confidence.

This document should be viewed as an overall guide on what needs to be learnt. If you're an aspiring web dev, treat this as a signpost.

Learn by doing. Practice the code examples yourself.
Then creating end to end projects is the best way to assemble all your learning at one place and boost your confidence.

	import { useState, useEffect } from 'react';

	export const useDebounce = (value, delay) => {
	const [debouncedValue, setDebouncedValue] = useState(value);

	useEffect(() => {
	const timer = setTimeout(() => {
	setDebouncedValue(value);
	}, delay);

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Font-Stacks</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="main.css"/>
	<style>
	p:first-of-type{
	font-family: 'Come for lunch', Arial, Helvetica, sans-serif;

	/**
	* Filters an array of objects using custom predicates.
	*
	* @param {Array} array: the array to filter
	* @param {Object} filters: an object with the filter criteria
	* @return {Array}
	*/
	function filterArray(array, filters) {
	const filterKeys = Object.keys(filters);
	return array.filter(item => {