Jun 28, 2016
BenchBnB - GoogleMaps API, auto-complete with coordinates, creating & destroying markers based on map boundaries.
Loading...
seen from Türkiye
seen from China
seen from China
seen from Kazakhstan
seen from Malaysia
seen from China
seen from China
seen from Italy
seen from China
seen from China
seen from Sweden
seen from Romania
seen from France
seen from United States
seen from Sweden
seen from Brazil
seen from United States
seen from United Kingdom
seen from Brazil
seen from United States
BenchBnB - GoogleMaps API, auto-complete with coordinates, creating & destroying markers based on map boundaries.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
W8D1 - BenchBnb Part 2
Topic
Frontend Authentication
UX - User Experience
Principles of UX Design
UI - User Interface
Affordance
Explicit
Pattern
Metaphoric
Negative
False
Favicon - "favorite icon", the icon in browser's address bar
React context
Data Bootstrapping
Final Project - project proposal feedback & revision
Projects
BenchBnb
Solo programming
Capstone Project
Project Proposal - incorporate feedback
Learnings
Don’t forget to build .json.jbuilder views for anything you want the controller to render
Don’t forget to remove your store listeners before you unmount React components (componentWillUnmount). Otherwise will get an error message about trying to setState() before a component is mounted
To test API routes, can make $.ajax({}) queries directly in Chrome Dev Tools
$.ajax({ url: 'api/users', method: 'POST', data: {user: {username: "fake-user", password: "password123"}}, success(resp) { console.log("Successfully created user") console.log(resp) } });
4. Don’t forget to make database tables before testing (users) * rails g model User - will create model & migration (and boilerplate code) 5. BCrypt gem - include in Gemfile 6. When you get a 500 Error, check your Rails Server log for full error message 7. Triplebyte - job placement/posting site. Have to go through their screening process, but then they will help put you in touch with potential employers 8. Cloudinary - CDN, image hosting site 9. unsplash.com - high-resolution images, good for backgrounds
W7D5 - BenchBnB
Topics
Putting it all together!
Following a project timeline & meeting deadlines
Reading outside technical documents
Learning about new packages, modules, and etc. on your own and incorporating them into your project
Google Maps API
Final Project - I'm building Facebook!!! <3
React & Rails
Projects
BenchBnB - inspired by AirBnB
Locations for the best benches
Solo day
Learnings
require('flux').Dispatcher - make sure to capitalize "Dispatcher"
database.yml - if you accidentally create Rails app using sqlite3, to change it to using postgresql, make the following changes
database: benchbnb_dev - add to both default & development in database.yml
adapter: postgresql
Gemfile: gem 'pg' (remove gem 'sqlite3'
"Uninitialized Constant 'API'" - means you need to nest controllers/benches_controller.rb under "api" as controllers/api/benches_controller.rb
"superclass mismatch for class BenchesController" or "missing Api::BenchesController" - make sure to name Controller "Api::BenchesController" and not just "BenchesController" in benches_controller.rb file
W8D1
Today I Learned: about Front-end auth using React and using form components
I learned how to set up users/sessions on the front end today using React components and JBuilder. It was difficult for me to wrap my mind around it at first but I was able to create a user/new session by the end of the day.
Today was a big day as we completed the react/flux curriculum and will be starting the capstone curriculum tomorrow. But first, we kick things off with an assessment on the material we learned over this past week.
I need to do the practice assessment many times tonight!
Bench BNB Day 2
Today we continued to work on our BenchBNB projects. I learned a lot about React, the order of events in it and how to work with the google maps API. But I think the most important thing learned from today’s work is how to learn more efficiently. This is something that is a constant process. Today was no exception. Last Friday I decided to not worry myself with how quickly others progressed in the class work. Rather than pushing forward and getting a lot of work done, it seemed better to focus on understanding the flux architecture to be able to apply it these next two weeks on the capstone project. However continuing this learning method this morning brought the unsatisfactory result of learning what seemed too slow. So I decided to change the method to be faster by looking at past similar projects and other helpful resources to help me understand the material when 10-15 minutes of effort didn’t result in the needed progress. After that the learning curve increased the rest of the day and a faster rate of progress and increased understanding was achieved. I look forward to improve more the rate at which I learn to use the imperatively short amount of time of life to do greater things and experience greater satisfaction. Tomorrow we have our CSS assessment and then begins our capstone projects! We received emails or in-person explanations of the proposals we handed in this morning. Excluding the weekend there are 9 days allotted to accomplish this feat. I am creating a Facebook clone. Cheers to us all as we embark on this intense voyage!!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
BenchBNB
Today we used the Flux architecture to create the first half of a Bench BNB website. We were solo today making it a great opportunity to show myself what I knew and what I could improve on. I was able to get through a satisfying amount of the project and more than anything feel ten times more confident in my understanding of the Flux structure. From what I learned today I feel I could work on a project and use Flux to make a few basic components without referring to old examples or school curriculum documentation. It is really exciting to get to this level of understanding. I am looking forward to learning more and improving to be able to become even more self-reliant on Monday!
Over the weekend I want to practice for the upcoming CSS assessment coming on Tuesday. The skills learned through that will surely help a lot during our capstone projects in the upcoming two weeks. I also need to map out my cap stone project and send my proposal to the instructors, including a timeline of phases, project data structure schema, wireframes for the pages of my project and a comprehensive ReadME. Weekend of learning, here I come.