my front end study notebook