Skip to content

Instantly share code, notes, and snippets.

View PrimeTimeTran's full-sized avatar
🎯
Focusing

Loi Tran PrimeTimeTran

🎯
Focusing
View GitHub Profile
# Number Guessing Game (Basic)
Congratulations, you're on your way to learning JavaScript. For your final Day 1 assignment, you'll have to build a simple number guessing game.
Doing this assignment will test your ability to use variables, functions, and (optionally, if you're brave!) Arrays. We'll cover Arrays in depth next week, but if you want to try now, go ahead!
## Milestone 0: Draw a Picture
![](https://i.imgur.com/KZVZMOT.png)

Build Spotify Landing Page (Desktop/Laptop version)

Overview:

The goal of this lab is to help you understand the materials that we went over yesterday, but for a more complicatd case. After completing the lab, you should be able to create any webpage from scratch quickly without any issue at all. (Okay, some issues are fine.)

dwight

We're going to be cloning a real life landing page - everyone's favorite music streaming service, Spotify! Go check out www.spotify.com for a preview of what you can build.

# Arrays Exercise
Here we'll go through some arrays that highlight the various Array Methods in JavaScript.
```
const inventors = [
'Albert Einstein',
'Issac Newton',
'Galileo Galilei',
'Marie Curie',
@PrimeTimeTran
PrimeTimeTran / index.html
Created September 23, 2019 09:41
Google Landing page
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello World</title>
<link rel="icon" href="coderschool.png">
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
.App {
flex: 1;
display: flex;
min-height: 100vh;
text-align: center;
background-color: #e9ebee;
}
.choice-card {
flex: 1;
display: flex;
.App {
flex: 1;
display: flex;
min-height: 100vh;
text-align: center;
background-color: #e9ebee;
}
.choice-card {
flex: 1;
useEffect(() => {
const existingToken = sessionStorage.getItem("token");
const accessToken =
window.location.search.split("=")[0] === "?access_token"
? window.location.search.split("=")[1]
: null;
if (!accessToken && !existingToken) {
window.location.replace(
`https://github.com/login/oauth/authorize?scope=user:email,repo&client_id=${clientId}`
@PrimeTimeTran
PrimeTimeTran / 6.1-candidates.json
Last active January 17, 2020 01:19
A list of candidates to use for lessson 6.1 of CoderSchool.vn's full stack web development class.
{
"candidates": [
{
"id": 12,
"first_name": "Loi",
"last_name": "Tran",
"email": "loi@coderschool.vn",
"gender": "male",
"company": "CoderSchool",
"job_title": "Instructor",
import { useEffect } from "react";
import { StyleSheet, Text, View, TouchableOpacity } from "react-native";
import { useRoute, NavigationContainer } from "@react-navigation/native";
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createNativeStackNavigator } from "@react-navigation/native-stack";
const Stack = createNativeStackNavigator();
const Tab = createBottomTabNavigator();