Day 13

(2) so is that possible to build it from scratch?
(3) is that mean it’s better to do that by service?
how about if i want to find a API?


1. Can you be more specific about what you're trying to build?
2. She used a calendar plugin for React
3. There are services you can use like Mailgun, Nodemailer, etc. to send emails from node.
4. You can build a Reddit website with whatever front end and back end you want. As long as the database contains the information organized the same way, all you have to do is use the server to get the requested information to the front end when it is requested.

1. Your database would just have to reflect that organization of data. Other than that, it's the same thing as many people in one chat room.
2. Yes
3. You could use either a service or use socket.io. I would research the options and decide based on what you think is easier to implement.


(1)req.params.thing  vs /fallinlovewith/:thing
(2)render
(3) Focus on one laugnage now

Question
(1)express, bodyparser?
(2)// question

Day 12

Recall
(1)We don't need to learn right now DDT
(2)POSTMAN functionality is same as  fetch
(3)Write the code by myself !!!
(4)Make sure I understand!!
(5)app.js is server
(6)Ajax is client wants to call server

Question:
(1)global.Promise

Tomorrow Plan:
(1)Finish Colt Steele
(2)Security

Friday
(1)Check Point

When I was on my way to Spanish meetup today, there was a super long Goods wagon need to pass in front of me, I totally wait for it about 40 mins...I almost can't understand why it drove so slow

Day 11

(1)Mocha, but when I dive into the Async part, I am not completely understand
(2)For a customer service chat box, companies pay for this functionality, but my teacher told me I can build it by socket
(3)For the calendar, she uses API
 (4)The middleware part is interesting
(5)Upload the picture is very difficult
(6) A lot of web design


Red is a great color to use when power, passion, strength and excitement want to be transmitted. Brighter tones are more energetic and darker shades are more powerful and elegant.
Orange draws attention without being as overpowering as red. It means cheerfulness and creativity. Orange can be associated with friendliness, confidence, and courage.
Yellow is energetic and gives the feeling of happiness and liveliness. Also, it associates with curiosity, intelligence, brightness, etc.
Green is the color of harmony, nature, life and health. Also, it is often associated with money. In design, green can have a balancing and harmonizing effect.
Blue means patience, peace, trustworthiness, and stability. It is one of the most beloved colors, especially by men. It is associated with professionalism, trust and honor. That's actually why the biggest social networks use blue.
Purple is traditionally associated with power, nobility and wealth. In your design, purple can give a sense of wisdom, royalty, nobility, luxury, and mystery.
Pink expresses romance, passivity, care, peace, affection, etc.
Brown is the color of relaxation and confidence. Brown means earthiness, nature, durability, comfort, and reliability.


Let's quickly summarize the main content of the web design section:

Most of your content will be text, so beautiful typography is a key element to a good looking website.
Images are getting more and more important in webdesign, so choosing great images and putting text on them is an essential part of your work.
Icons are also a good way of setting a friendly tone for your website, but use them carefully.
The adequate use of whitespace makes a website look professionally designed, so use it a lot, but in the correct way.
Build a layout by defining the visual hierarchy of your content. Whitespace is also important for this.
Your website should be designed in a way that ensures that both the user and the owner of the website achieve their goals. This is the user experience.
It is very important that you get inspired by studying well-designed websites from other designers.


1. Define your project

Start off by defining the goal of your project. This can be showing your portfolio to the world, selling an e-book, building a blog, etc.
Also define your audience. Ask yourself: which is the typical user that will visit my website?
This is important, because you should always design with your goal and audience in mind.

2. Plan out everything

Once your project is defined, plan your content carefully. This includes text, images, videos, icons, etc.
Remember what I told you about visual hierarchy. It plays an important role when you start thinking about what you want on your website and what you don't. Defining the content before actually starting the design is called the content-first approach. It means that you should design for the content, instead of designing a webpage and then filling it with some stuff.
Define the navigation.
Define the site structure. You can draw a sitemap in this step if we're talking about a bigger project.

3. Sketch your ideas before you design

Now it's time to get inspired and think about your design.
Then, get the ideas out of your head. And with that I mean that you should sketch your ideas before you start designing. It will help you explore ideas and create a concept of what you want to build. Using pencil and paper is a great way of quickly retaining your valuable ideas.
Make as many sketches as you want, but don't spend too much time perfecting anything. Once you have an initial idea, you can concentrate on the details when designing in HTML and CSS.
I advise you to never, ever start designing without having an idea of what you want to build. Getting inspiration is very important in this phase, and I already told you how to do that!

4. Design and develop your website

After sketching, start to design your website using all the guidelines and tips you've learned in the web design section.
You'll do that using HTML and CSS, which is called designing in the browser. Designing in the browser is basically designing and developing at the same time.
There are more and more designers leaving traditional design programs such as Photoshop and start designing in the browser. The biggest reason for this is that you can't design responsive websites in photoshop. It also saves you tons of time.
In this phase, you'll use your sketches, content and planning decisions you've made in steps 1, 2 and 3.

5. It's not done yet: optimization

Before you can actually launch your beautiful masterpiece for the world to see it, we have to optimize its performance in terms of site speed.
You also need to do some basic search engine optimization (SEO) for search engines such as google.

6. Launch the masterpiece

Your optimized website is now finally ready to launch.
All you need for launching is a webserver that will host your website and deliver it to the world.

7. Site maintenance

The launch of your website is not the end of the story.
Now it's time to monitor your users' behavior and make some changes to your website if necessary.
You should also update your content regularly in order to show your users that your website is alive! For instance, a blog can be a great way of doing that.



The Plan for tomorrow:
(1)continue the node.js, I hope I can finish 70%
(2)SQL, I hope at least 40%

I need to clean my apartment this Sunday afternoon, so I only have Wednesday and Thursday and Friday and Starday can study, only 3.5 days.

I should call the leasing office tomorrow during the daytime.

I met a guy today, and this is my second time mistake him, It's so embarrassing

Day 9 and Day 10

Day 9

(1) The arrow function won't bind this
(2)The argument in arrow function
(3)non-blocking
(4)try and catch
(5)inspect

Questions
(1) Chat Box?
(2)Calander Book System
(3)Send Email to verify the user
(4) youtube with subtitle



Day 10

(1)Relative and absolute
(2)float
(3)nodemon for node / live-service for html and js
(4)some syntax in SQL
(5)INSERT INTO cats(name,age) VALUES('Albert',7);
(6)SELECT *FROM cats;
(7)SHOW WARNINGS
(8)mysql-ctl cli;
(9)show databases;
(10)SELECT database();
(11)CREATE TABLE cats
(
name VARCHAR(100),
age INT
);

 Questions:

(1)The functionality of npm lodash in the note project?
I didn't get what if the functionality when I using lodash in the note project



I got a headache for 2 days, I guess the reason was I am so greedy, I hope I can learn more so I give myself too much stress.

Due to I want to help my cohort, I hope I can build a project

(1)Able to detect the pictures on tinder and choose the type we like automatically (use Google Machine Learning API), and put the user picture to calculate the matching chance, optimize the opportunity we can match.

BUT the difficulty is how to connect Tinder on the website?

(2)List all the people who are interested in us and list the profile on the website, then we can choose the people we like quickly

BUT the difficulty is how to get the data from Tinder.

The idea is simple, but when I really want to do it by myself, it has a lot of stuff need to overcome

Coding Diary -- Day 8

I finished 59% of Learn and Understand NodeJS today, I  really learned a lot

What I learned today

(1)synchronous: one process executing at a time
JS is synchronous. Think of it as only one line of code executing at a time.

(2)Callbacks: A function passed to another function, to be run when the other function is finished.The function calls back invoking the function the function you give it when its done doing its work.

(3)Buffers: Temporary holding spot of data being moved from one place to another. Intentionally limited in size.  Gathering data and putting in a Temporary spot to be processed as it comes.

(4)Stream:   A sequence of data made available over time.Pieces of data eventually combine into a whole.  Imagine something similar to a river where water flows down itStreams are just a sequence of pieces of data pieces broken into chunks.

(5)First class functions:   Everything you can do with other types you can do with functions.you can use functions like strings,numbers etc. Functions in JS are first class.

IIFE:Modules code that is protected that doesn't impact other code

Scope:   where in code you have access to a particular variable or function.

(6)TCP/IP (action) and HTMP
In general, the foundation of Javascript like inherit and Class is very important, we need to use them in the nodejs and also REACT

Question :
(1)Stacket

The plan for tomorrow:
(1)Church
(2)Politic Meetup
(3) Watch Andrew Mead

plan for next week
(1)Andrew Mean 26.5/7= 4
(2) Learn and Understand NodeJS

Today I learned a lot, but after I came back and wanted to write a review, I almost forget what to write...oh..Yesterday my roommate doesn't sleep in the night again, but I don't want to complain about her, because after 7 days  I won't meet her anymore. Tomorrow I will go to the church, but I think I won't take the  Eucharist anymore because I am not a Christian.


   

Coding Diary Day 7

Today was my last day in the Quarter, I present my Q1 project to my cohort, I become a bit of confidence that speaks English in public.

What I learned today is the Q2 Q3 presentation, I think I should be familiar with the practical functionality first because I need to find a job.

For example:

(1)Calendar
(2)How do embedded Youtube
(3)Chatbox


The plan for tomorrow:
(1)Learn and understand Node js( About 50%)
(2)Bible 101 then I can join the discussion in the church.
(3)Call YMCA

Today was my first time to take someones' "Self Driving Car", I used to learn a little bit of deep learning, I thought Self Driving Car has an ugly antenna on it. But when I really see the real project in the world, it's so exciting! It really can detect the car nearby it and show it on the screen

Coding Diary -- Day 6

What I learned today

(1)I handled the Google map problem, read the API documentation is very important

(2)you will likely need to learn flask if you want to make your python program’s output accessible via an API call.

(3) CSS basic is important

Plan for Tomorrow:
(1)Learn and Understand NodeJS: If I can't understand, go back to the basic part.
(2)Modern JS again.

Question for tomorrow :

(1) How to improve my project

I insomnia yesterday, I almost don't know why. I didn't drink any drink with caffeine, but I still can't fall asleep until 3:00 AM.

By the way, our classmates talk about how to attract the girls today, I am surprised that there are a lot of normal people us Tinder in the U.S, 2 of my pretty cohorts give me a new culture knowldege, because in Taiwan usually "Dragan Girl" (means very fat or ugly) use dating app, something made me sad is that one of my male cohorts won't listen to my dating advice, he stubborn on using his boring picture on tinder, the issue is the  girls only use  1~2 seconds to swap the picture, why do you want to focus on your biography, no one will read it seriously I promise, I almost give up to rescue him on dating.

Coding Diary - The fifth Day

Today  I started to do my Q1  project, I really learn a lot from it, no wonder my classmate always wanted me to do my own project, but I always decided to watch the video first.

What I learned today

(1) How to request an API I choose
(2)The post method also can get the data back(wow I never know that)

fetch(`https://vision.googleapis.com/v1/images:annotate?key=${key}`, {
      method:'POST',
      headers: {
        'Accept': 'application/json',
        'Content-type':'application/json'
      },
      body:JSON.stringify(data)
    })
    .then((res)=> res.json())
    .then((data)=> {
 
console.log(data}
 

(3)If I want to activate a function, I need to target the id of  form, but not the submit button, this is very basic, I don't know why I didn't get it, maybe the reason was I skip the previous checkpoint
(4)Not all the API is easy to connect.
(5)If I want to connect an API, to read the document is very important


My plan for  tomorrow :

(1)Keep working on a project
(2)Turn the picture into grey
(3)CSS part
(4)Build the dictionary project and save the vocabulary in the localstorage
(5)To learn how to connect API
(6)node is base on C++, and V8 also written in C++
(7)Maybe the grammar checker is also a great idea

The question for tomorrow

(1)How to update my Google may parameter
(2)How do use canvas
(3) Ask C and T how do they connect their API

I wrote an article for encouraging Taiwanese to go to the church for learning English, a lot of people think it's a great idea, but a few people disagree, I still need to reflect on myself, although  I am confident for my opinion, I always being irritated if some netizens use some negative words to comment. The thing is, why did I want everyone to agree with me? I really need to fix this kind of bad temper, I want to control another person too much.

Coding Diary Day Forth

What I learned today

(1) I double check my concept are correct or not, one of it is
"If there are 2 Async function, the first setTimeOut is 0 sec, the second one is 1 sec, but if the first function needs to use 1 hour to finish it, will the second Async function finish first?

The answer is no, because the 2nd one needs to wait in line in the queue, waiting for the event loop to call it.

(2) ++1 Problem

(3) Lexical scoping (var): from when they’re declared until when their function ends ○ Block scoping (const, let): until the next } is reached

(4)Immediately Invoked Function Expression ● A function expression that gets invoked immediately ● Creates closure ● Doesn’t add to or modify a global object.

(5) Some of the API is hard to request

(6) You can use app.js to request also can use write a request function in  index.js.

(7) I need to use live-server to run localstorage, although I still don't know why.

(8)Us  Test Driven Development is good if we want to be a developer

(9) var only exist in the function, but he doesn't need to worry if the value disappear, he exists when the function end but let will worry about it, he will die when he touches the }


Tomorrow question:
(1) API question
(2)


Tomorrow plan:
(1) Do the Q1 project,  at least has some blueprint, maybe Yelp API IS a  good idea.
(2) API videos

After I watched some Harvard online class, I gradually figure out why the decent school student is better than us, they use 2 hours to teaches all the concepts which we might need to learn 1 month. But my review is basic foundation is very important if I went  to the best university maybe I also can't catch up with the curriculum, I really need to focus on I truly learn something, but not just watched all the video, also indeed, learning by doing is important

Coding diary Day Three

The thing I felt happy is that finally, I learn something from galvanize, when I asked the instructors question I learn a lot and also save a lot of time

Today I learned:
(1) I still need to know how to explain  Scope in English.
(2) I still need to know how to explain Closure in English
(3) We can skip the " Generator"
(4) Watching CS50 React Native is not so efficient for me, maybe I can ignore some hard part, because of Harvard students are too smart.



The happiest thing is I know how to make a map functionality by manually
The problem from yesterday and I remember I need to put callback function inside if I want to rebuild it.

llet arr = [34,5,3]
 
arr.__proto__.mymap = function(callback){
  let newArr=[];
  for(let i=0;i<this.length;i++){
    newArr.push(callback(this[i]))
  }
  return newArr;
}
 
function myCb(item){
  return item*2
}
 
 
arr.mymap(myCb)

(1)Do I need to know  I can put 3 parameters in the callback function of map/ forEach etc?  Because usually I just use array [i], seldom use I, an array for the parameter.

Ans :  it depends on your implementation, you could leave it out, but it’s nice to leave in on the chance that your callback function actually needs to know what i is

(2)Why didn’t you put catch()  when you use fetch to request the HTTP in the class before? is it not necessary?

Ans :  catch() is not required, though it is recommended to be used because it will allow you to more gracefully catch & handle any potential errors that occur during the request

(3) Is Generator important? I watched some video, but it’s hard to understand

Ans: I haven’t seen many practical uses/applications of generator functions so far so I can’t speak to its importance at this moment, though I encourage you to read up more on it and see if you can find a practical application of it!

The question for tomorrow:
(1) opacity

(2) Wake up early tomorrow

Tomorrow plan

(1)Finish the checkpoint, especially the project part
(2) Finish the Modern JS ASAP


I talked about my dream with my cohorts, I hope after 5 years I can go to Japan or Italy to work, life is short, I hope I can explore the world more.

BTW, I forget to bring my lunch box today, so I took a lot of community food( Cheese) and put them in the microwave to be my dinner, at first it delicious, but after a while I almost want to vomit, because I ate too much, I think in a short time I don't want to eat Cheese anymore

Coding Diary - Day Two

My plan today wasn't succeeded, I hope I can finished a 6 hours class, but I only finished 70% of it. Although I already use 1.25-time speed to watch the video. What I learned is forEach, find, filter, map, reduce, every, some, all of them is the high order function from ES6. After I watched the video my concept become more clear. The "reduce" method is a bit difficult for me, the question I want to ask the instructor are here :

 (1) Why I can't use "this" in this code?

const profile = { 
    name: 'Alex', 
    getName: function() {               
 return this.name;     } }; 
profile.getName(); 
 
const profile = { 
    name: 'Alex', 
    getName: ()=> {               
 return this.name;} }; 
profile.getName(); 

(2)Are all the function with call back function are an asynchronous function?

(3) How to build a function it's functionality same as "forEach" etc.

Coding Diary - Day One

Coding Journal

I decided to write some diary, in the past, I always worry about my English is not correct, so afraid of writing it in English. But now I decide no matter the English is perfect or not, I want to keep writing because I think I spent too much tom on watching MOOCs, after I finished the classes I always forget what I learned, so I think to write a note is the best way, to make my knowledge more organization.

Today I wanted to replan my schedule again, I bought too much course, I am so greedy, but I didn't digest the information so well.

For Back End:

(1)The Web Developer Bootcamp   Colt Steele (20 hours)

(2)The Complete Node.js Developer Course 
Andrew Mead (Still rest of 13 hours)

(3)The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert Colt Steele (20.5 hours)

I want to review the back end part of  Colt Steele course, make sure I remember every concept he teaches, and also the Andrew Mead course, before the  Quarter start, if I still have time, maybe I can finish the SQL course.

Front-end :

The Web Developer Bootcamp   Colt Steele
The Advanced Web Developer Bootcamp  Colt Steele (Flexbox, Ajax)
Build Responsive Real World Websites with HTML5 and CSS3 Jonas Schmedtmann (12 hours)
Advanced CSS and Sass: Flexbox, Grid, Animations and More!  Jonas Schmedtmann (28 hours)

I give up to study Bootstrap because it's too hard to remember the syntax, and the syntax doesn't have a systematic rule, also I won't meet the Bootstrap question in the interview.

I think the CSS part is more important, I hope I can master in CSS, but I also think it's not so urgent.

Javascript:

The Complete JavaScript Course 2018: Build Real Projects!  Jonas Schmedtmann(26.5 hours)
ES6 Javascript: The Complete Developer's Guide (6 hours)
The Advanced Web Developer Bootcamp  Colt Steele (some high order Javascript)

I think if I just want to pass a Front-end job or any startup job, I can't put so much time on Algorithms and Data Structure, so I give up to follow CS 61B

React:
The Complete React Web Developer Course (with Redux)  (26 hours)
Modern React with Redux (26.5 hours)
CS50's Mobile App Development with React Native (24 hours)

I think React is very important, so I want to master it, I will finish the first class before the 2nd break week.

Today I learn some hight order javascript, but it's not so efficient and also CSS I almost forget some foundation, my goal tomorrow is finish ES6 Javascript: The Complete Developer's Guide, it only 6 hours, I think focus on what we are learning now is the best for us, because we can review it
 immediately  and ask the instructor for help, tomorrow I hope  I can write what I've learned on tomorrow.

hi

<div></div>
function filter2(array, callback){
  let newArr =[];
 
  for(let i=0;i<array.length;i++){
    if(callback(array[i],i,array)){
      newArr.push(array[i]);
    }
  }
  return newArr;
}
 
callback(value){
  return value>2
 
}
 
filter2([1,2,3])
 
var arr = [1,2,3];
arr.filter2((value)=>{
  return value>2
})