Giter Site home page Giter Site logo

0inadochronbi / frontendcollection Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cheatsheet1999/frontendcollection

0.0 0.0 0.0 14.14 MB

Notes for Fullstack Software Engineers. Covers common data structure and algorithms, web concepts, Javascript / TypeScript, React, and more!

JavaScript 55.77% CSS 13.78% HTML 30.45%

frontendcollection's Introduction

FrontEndCollection (Keep updating everyday, hopefully...)

Web Development Basics

HTML ๐Ÿ“–

1. What happens when you type in a URL
2. GET vs POST
3. What can we do to improve a website's performance?
4. HTML5 offline storage mechanism
5. Common time and space-complexity
6. What has been deprecated, and what is new on HTML5?
7. How the DOM really works?
8. Inline elements, Block elements, and what are the differences?
9. Several ways to call a function
10. A brief introduction of the differences between "src" and "href"
11. A brief introduction of Call, Apply, Bind
12. Time and space complexity for common sorting algorithm

CSS ๐Ÿ’Ž

1. What is the difference between display:none and visibility:hidden style?
2. What is BFC(Block Formatting Context)

JavaScript Concepts ๐Ÿ“ฆ

this keyword
Bubbling and Capturing
Execution Context
Higher Order Function
Event Loop
Closures
Throttling and Debouncing
Promises

JavaScript Demos ๐Ÿ–ฅ

Consuming Promises

React Concepts ๐Ÿ’ก

Controlled Components

React Projects (In ascending order of difficulty)

ExpenseTracker

Node.js Demos ๐ŸŸข

Receive input

Projects

1. Accordion
2. ModalBox
3. Drum Kit
4. Mini Clock
5. Playing with Variables

Deep Dive in Javascript

Learn More on BFE.dev

1. Implement Curry()
2. implement Array.prototype.flat()
3. Implement curry() with placeholder support

Data Structures & Algorithms in JavaScript

Solve the questions on Codewar if you are a beginner

Beginners

Array

0001. Two Sum
Two Sum II - Input Array Is Sorted
0011. Container With Most Water
0026. Remove Duplicates from Sorted Array.md
Search Insert Position
Squares of a Sorted Array
Last and Second Last
Rotate Array
Meeting Rooms II
Intersection of Two Arrays II
Remove Nth Node From End of List
K Closest Points to Origin Maximum Subarray
Best Time to Buy and Sell Stock
First Bad Version
Meeting Rooms
Trapping Rain Water
Product of Array Except Self
Merge Intervals
Longest Consecutive Sequence
Spiral Matrix
Coin Change
Gas Station
Top K Frequent Elements
3 Sum
Count Binary Substrings
Word Search
Subarray Sum Equals K
Subdomain Visit Count
Next Permutation
Expressive Words
Verifying an Alien Dictionary
4Sum(nSum universal solution)
3Sum Closest
Jump Game
Jump Game II
Minimum Size Subarray Sum
Matrix Summation
Counting Analogous Arrays
Custom Sorted Array
Reformat Date
Game of Life
Search a 2D Matrix II
Kth Largest Element in an Array
Insert Delete GetRandom O(1)
Reaching Points
Pow(x, n)
Sum of Square Numbers
Minimum Moves to Equal Array Elements Buying Show Tickets
Count Duplicate Elements
Password Creation

Two Pointers

0015. 3Sum
0016. 3Sum Closest 0283. Move Zeroes

String
Stack

Buildings With an Ocean View
Valid Parentheses
Minimum Remove to Make Valid Parentheses

Map

0560. Subarray Sum Equals K

Set

0003. Longest Substring Without Repeating Characters

Object Manipulation

0012. Integer to Roman
0013. Roman to Integer

Linked-List

0002. Add Two Numbers
206. Reverse Linked List
Linked List Cycle
Middle of the Linked List
Linked List Cycle II
Add Two Numbers
Design Linked List
LRU Cache

Tree
Recursion & Backtracking

Combinations

BFS & DFS

Flood Fill
Max Area of Island
Merge Two Binary Trees
Populating Next Right Pointers in Each Node
01 Matrix
Rotting Oranges
Number of Islands
Minimum Knight Moves

Binary Search

Binary Search
Find First and Last Position of Element in Sorted Array
Search in Rotated Sorted Array
Find Peak Element

Database Management

Unit 2 Exploring Databases and SQL
ER diagram, Relational Algebra, SQL / NOSQL
Unit 3: Data Storage
Unit 4: Data Indexing
Unit 5: Transactions and Recovery Unit 6: Concurrency
Unit 1 - 6 Practice Questions Solutions

TikTok ๐ŸŽถ

Count Analogous Array
Is this a tree
Longest String Chain
Fizz Buzz
Last and Second Last
Custom Sorted Array
Gas Station
Minimum Number of Steps to Make Two Strings Anagram
Count Binary Substrings
Anagram Difference
Counting Analogous Arrays
Reformat Date
Alaaddin Carpet
Reaching Points
OA with not answers


๐Ÿคฏ If you find errors in the content of this project, don't hesitate to submit issues or pull requests on GitHub for corrections, I really, really appreciate it

๐Ÿคฏๅฆ‚ๆžœไฝ ๅ‘็Žฐๆœฌ้กน็›ฎๆœ‰ไปปไฝ•ๅ†…ๅฎนไธŠ็š„้”™่ฏฏ๏ผŒๆฌข่ฟŽๅœจ GitHub ๆไบค issues ๆˆ–่€… pull requests ่ฟ›่กŒๆ‰“่„ธ

frontendcollection's People

Contributors

cheatsheet1999 avatar siyuan25 avatar 0inadochronbi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.