Comments (7)
9:40 - 12:40, 1:40 - 3:00 => roughly 4.5 hours
from ember-resources.
This was actually NINE units.
The first morning I didn't get very good CFUs on components, and I had to go into detail on binding (from routes to view templates, and from there to components, ad infinitum). I covered Ember Data and the store, how it talk to the API through the adapter and translates JSON responses in the serializer. (3 units)
We made the decision as a team to not pull one-to-many into a separate lesson, and it didn't make sense for the Listr app anywyay. Feedback since then has been that a wider variety of relationships should be covered (from @gaand).
The next day we toggled and persisted UI state (done: true with strikethrough). We also deleted an item. Also reviewed binding again. Discussed form objects and almost completed creating an item from within the child component. (3 units)
The third day we reviewed bindings, this time for action references, which are bound down, but execution must be manually passed up through components. Understand this flow took two units and was reviewed in the following diagram after lunch:
The final unit was spent actually modifying the item adapter to deal with nested API routes, and finally performing the create.
from ember-resources.
On the plus side, IMO these lessons made ga-wdi-boston/ember-auth#1 go smoothly. The CFUs for that went well.
from ember-resources.
Actual 8 units. 3 in the morning before a workshop, 3 in the morning the following day, and 2 in the afternoon same day.
In the first part of the lesson, we reviewed components and re-implemented functionality from the components lecture, but this time using the Ember Store (from ember-data
). This cleared up confusion about models, model hooks, and how Ember uses adapters and serializers to handle communicating with an API. Though we didn't add any new features from a CRUD perspective, we did actually get toggling a property to persist injecting the Store directly into a component. CFUs from components and the Store went very well.
In the second part, we focused on refactoring by moving the "toggleDone" action on list items up into the list route. This provided several examples of binding and we discussed DDAU again, but this time in greater detail. After moving "toggleDone", we started in the Route for the create action, worked our way down through binding into the component. Then, we noted how we needed to actually pass a reference to the edited item back up to the route, which we accomplished with the second argument to the sendAction
method available in components. We also implemented deleting items in the same fashion.
In the last part, we added create, delete, and finally update actions for lists themselves. This was the first time I actually demoed and taught update in this lesson since its rewrite. I think with appropriate scaffolding code this unit could be compressed into 6 units. We could have accomplished exactly what was taught last time in 6 units, but I felt since we scheduled 9 units a good use of the time would be to demo update, and continue practicing other CRUD actions on a second model (list, since we started with item). See 012/training branch for a few commits.
from ember-resources.
9 points: All of items CRUD and editing lists.
My first time. Used ember-components/solution as starter code and refactored from there.
from ember-resources.
Woof city. 13-14 Actual
. All day Monday. All of tuesday (minus outcomes). Wednesday morning.
Why? See below:
I stopped and did too many CFUs in an attempt to make it easier to understand but didn’t DO it enough times before the CFUs, so people hadn’t seen the pattern enough and were confused. (I think this accounts for about ~10-15% over). It was also my first time and I made some mistakes (~10%). I also KNEW that we had extra slack built into the week so I didn’t feel as rushed and felt comfortable EXPLAINING more and DOING less—this was a mistake. (~10%). I didn’t think about WHO I was asking to live code with me, and gave some people a chance to live code with me that weren’t getting it which just wasted everyone’s time (~5%). I love Ember, really wanted them to love it too, and was having fun (~5%).
from ember-resources.
One full day and a long morning, so 10 actual?
Got through it with time to spare, but it needed more framing. Drew an awesome diagram which Cathy copied mostly correctly. (In an issue.)
from ember-resources.
Related Issues (20)
- Merge in ga-wdi-boston/ember-resources-one-to-many HOT 2
- Deprecation Issue HOT 3
- Don't use nested routes? HOT 1
- Remove extraneous returns from solution branch.
- "Create adapter" in objectives should be "extend adapter"
- Link to lists ROUTE to index ROUTE
- typo
- Typo
- add a delete action handler HOT 2
- Make delete a lab
- Avoid `content` as a name HOT 1
- Change computed property item verbiage
- Front end data caches with browser back and forward buttons
- Add README from 013/training
- Change `listr-list` to `shopping-list` HOT 1
- Start from solution code of `ember-components`
- Include file names in every code sample
- 3/22/17 "Events bubble up" phrasing is confusing HOT 1
- Include this awesome diagram made by a rockstar wdi developer? HOT 4
- Ember resources should include exercise that mirrors Act out MVC API pattern
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ember-resources.