psl646

[psl646]

W10D4

Today I Learned: how to use sprites

So, I'm currently working on my JS Browser game. I'm going to use HTML, CSS, Canvas, and JS to make my game - BlockMan! It's coming along. I have the logic down, I need to work on the styling.

[psl646]

W9D5

Today I Learned: that we about to embark on our job search as Software Developers!

We did it! We graduated from the core curriculum!

[psl646]

W9D4

I worked on my capstone today. LOts of CSS and functionality.

[psl646]

W9D3

Today I Learned: lots of things!

Today I worked on my capstone. I focused today on the R and U show/edit pages of my questions CRUD. Still plugging along!

Oh, and on the way home from class, I managed to catch President Obama's motorcade on E. Houston street.

[psl646]

W9D2

Today I Learned:

I spent the day working on my capstone. I worked on building out the CRUD for my clone and fixed up some css and bugs on my site.

It's starting to come together!

[psl646]

W9D1

Today I Learned: how to make nested data structures

I am able to create multiple questions/answers all in one go! I had to set up a nested data structure in combination with the use of a QuestionFormStore but the thing finally works!

In other news, we had our seventh AND last assessment today! The assessment was on CSS - I did well!

Full steam ahead on this capstone!

Oh, and we also learned about Omni-auth today. NBD. Cheers.

[psl646]

W8D5-6-7

Today I Learned: that nesting forms don't really work that well.

I've been busy working on this capstone. I think it's coming along. It looks visually pleasing (very clean) so I'm happy about that. I ran into some trouble with the CRUD aspect of the app though so I'll have to ponder some more on how to do it. I'm attempting to nest forms within forms but this appears to not work.

Looking up this issue online, I found some things and tried them to no avail:

<

form id="formid"> and placing the formid on the other input fields with form="formid". Didn't work. I tried modifying the object to no avail.

I have some two other thoughts on how I would get the data I want but they both seem clunky. One would be to create a Form store to HOLD all the data as it is being uploaded in real time, probably not good. Another idea was to just make all the forms on one form page. But this would not be very object oriented and it seems very clunky.

At this time, I'm going to switch gears and study for my FINAL assessment tomorrow (on CSS). I'm not super hot with CSS but I have been getting better. Chrome Inspector is your friend! That will wrap up this post. Until tomorrow!

[psl646]

W8D4

Today I Learned: how to use the chrome inspector to test out CSS changes!

Well, Day 3 of of the Capstone curriculum is up. I am making some headway into finishing. Time to get the meat and potatoes on there!

Back to work.

[psl646]

W8D3

Today I Learned: how to do Modals and a Sticky Footer.

This was day 2 of our Capstone curriculum. Today, I worked on setting up modals for my sign up form. I was able to get those and the error handling completed. I began working on creating a sticky footer for my clone.

Back to work.

[psl646]

Today I Learned: how to use Heroku to host my app.

Today, we had an assessment on React-Flux flow. The assessment went well. After the assessment, we started Day 1 of our capstones!

Above is an image of my Logo for my Capstone: Ask Anything!

I was able to stay on track today and get the user auth set up. The CSS took some more time than I thought but it's getting there!

[psl646]

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!

[psl646]

W7D5

Today I Learn: about JBuilder

Today we got to play around with the google map api when making our BenchBnB project. This project is meant to give us a taste for what it will be like to do our capstone. We were to build up this app for Benches from scratch. It was a cool project, I seeded the database with some unique/cool benches in NYC.

Some features we had included showing the bench locations with a marker/pin. This gave us more practice using the Flux architecture.

I enjoyed this project and we will be continuing Day 2 on Monday.

On a related note, I am excited for the upcoming capstone project. This weekend, I'll be making a project proposal laying out my phases with some hand-drawn lo-fi wireframes.

Oh, and we have a React assessment coming up as well. I'll have to study for that some time this weekend.

[psl646]

W7D4

Today I Learned: about React Router and JBuilder

We began the day with a review of yesterday's project: Organ Grinder. After review, we had a lecture on JBuilder and React Router. React Router allows our single-page app to simulate new page renders/redirects while still being a single-page app.

Cool.

My partner and I got to work with Flux and React some more as well as use React Router with today's project. We created a PokeDex!

The PokeDex was pretty lack-luster. It only had 124 Pokemon. I'm no Pokemon master, but I know there are more than that. Anyway, my partner and I were able to use a hash history to mimic redirects/new renders. We both had a great time today.

The other exciting part of the day was finding out our Capstone projects! I got my first choice!

Poll Everywhere is awesome. I can't wait to build the site and features that I want to implement.

[psl646]

W7D3

Today I Learned: how to use Flux

React and Flux AWESOME!

Today we had a brief lecture regarding the use of Flux in combination with React. There are a few core pieces of Flux: actions, dispatcher, store, and views. Data flows in one direction from Action --> Dispatcher --> Store --> View.

An action is an object that would change a store. A dispatcher holds callbacks and trigger all the callbacks when an action occurs. A store provides access to the models/database. A view is responsible for rendering the component in the UI.

We were able to use Flux and React today to create a cool Organ/Piano Grinder. My partner and I had a lot of fun with this project and we were able to set it up so that you could record a "track" as you played on the keyboard.

We submitted our lists for our potential capstone projects today. I hope I get my top choice!

[psl646]

W7D2

Today I Learned: about Stores in React

We began the day by reviewing the previous day's project. After review, we had a lecture regarding the use of 'Stores' with React.

In React, stores contain the app's state and logic. Stores manage the state of various objects. In addition to storing data, stores register callbacks to invoke when the state of the store changes to alter the UI.

After lecture, we split up for pair programming. We worked on using the concepts we learned in lecture. My partner and I learned how to combine Stores with Components.

[psl646]

W7D1

Today I Learned: how to use React

Today we learned how to use React.

React is a JavaScript library used for building the UI. React is very efficient at updating the UI quickly and only acts on the part of the UI that has changed. This results in the absolute minimum change to the DOM. React uses a Virtual DOM (Document Object Model) that selectively renders the UI based on state changes.

After a Q&A of the React in lecture, we split up into groups to work on the projects for the day. My partner and I were able to create the following widgets: Clock, Weather, and Autocomplete.

We read up on the docs to learn the correct syntax to use in writing the JSX for the widgets. My partner and I were able to learn from each other and were able to finish all the widgets and work on using React to create a Minesweeper game.

[psl646]

W6D6

Today I Learned: about React

This will be a short post today.

I did some review of the material we covered this week today. Afterwards, I began learning about React - the JS library we will cover this week. There were a lot of readings and videos!