Covers frameworks, navigation patterns, preprocessors, responsive images, responsive data tables, polyfills. Presentation at the Cleveland Web Standards Association, October 30, 2012.
Covers frameworks, navigation patterns, preprocessors, responsive images, responsive data tables, polyfills. Presentation at the Cleveland Web Standards Association, October 30, 2012.
Este es un afiche promocional, del curso de formacion para profesores de la Universidad de los Llanos occidentales "Ezequiel Zamora." ¡HACIA LA TRANSFORMACION UNIVERSITARIA!
Anne Gregory, Ph.D. - “Engaging Students in Problem-Solving: A Civil Rights R...youth_nex
Anne Gregory, Ph.D. (Rutgers University)
Part of the Youth-Nex Conference: Youth of Color Matter: Reducing Inequalities Through Positive Youth Development #YoCM15
Panel 5 - RESTORING JUSTICE IN OUR SCHOOLS: POSITIVE YOUTH DEVELOPMENT APPROACHES TO THE DISCIPLINE GAP
Youth of color are disproportionately suspended from school, causing youth to miss critical time of instruction, evoke feelings of hopelessness, and contributing to the “school to prison pipeline.” This panel considered what research and practice tell us about dismantling the pipeline and promoting positive developmental outcomes for youth of color with a focus on youth-centered principles of restorative justice.
The customer will typically be required to provide or choose a billing address, a mailing address, a delivery option, and payment details like a credit card number. As soon as the order is placed, a customer notification email is delivered.
The buyer will often be required to provide or choose a billing address, a mailing address, a delivery option, and payment details like a credit card number. When an order is placed, an email is immediately delivered to the customer.
Web Development Important Topics. It gives a brief description of the topics which are needed to become a well versed and reliant web developer and Software Engineer. It also gives the various tools and techniques which are needed to become a proficient web developer and software engineer.
Plenary talk given at the Institutional Web Management Workshop 2009 (28 -30 July 2009, University of Essex) by Michael Smethurst, BBC and Matthew Wood, BBC.
See http://iwmw.ukoln.ac.uk/iwmw2009/talks/smethurst/ and
http://lanyrd.com/2009/iwmw09/srftg/
Este es un afiche promocional, del curso de formacion para profesores de la Universidad de los Llanos occidentales "Ezequiel Zamora." ¡HACIA LA TRANSFORMACION UNIVERSITARIA!
Anne Gregory, Ph.D. - “Engaging Students in Problem-Solving: A Civil Rights R...youth_nex
Anne Gregory, Ph.D. (Rutgers University)
Part of the Youth-Nex Conference: Youth of Color Matter: Reducing Inequalities Through Positive Youth Development #YoCM15
Panel 5 - RESTORING JUSTICE IN OUR SCHOOLS: POSITIVE YOUTH DEVELOPMENT APPROACHES TO THE DISCIPLINE GAP
Youth of color are disproportionately suspended from school, causing youth to miss critical time of instruction, evoke feelings of hopelessness, and contributing to the “school to prison pipeline.” This panel considered what research and practice tell us about dismantling the pipeline and promoting positive developmental outcomes for youth of color with a focus on youth-centered principles of restorative justice.
The customer will typically be required to provide or choose a billing address, a mailing address, a delivery option, and payment details like a credit card number. As soon as the order is placed, a customer notification email is delivered.
The buyer will often be required to provide or choose a billing address, a mailing address, a delivery option, and payment details like a credit card number. When an order is placed, an email is immediately delivered to the customer.
Web Development Important Topics. It gives a brief description of the topics which are needed to become a well versed and reliant web developer and Software Engineer. It also gives the various tools and techniques which are needed to become a proficient web developer and software engineer.
Plenary talk given at the Institutional Web Management Workshop 2009 (28 -30 July 2009, University of Essex) by Michael Smethurst, BBC and Matthew Wood, BBC.
See http://iwmw.ukoln.ac.uk/iwmw2009/talks/smethurst/ and
http://lanyrd.com/2009/iwmw09/srftg/
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
This is the slide deck from the workshop given at UI11 on October 9, 2006. This presentation was given with myself (David Malouf) and Bill Scott (AJAX Evangelist @ Yahoo!).
The goal of the course was to teach people the basics of Interaction Design and then how to apply those principles to design using RIA technologies like AJAX and Flash.
Many developers used to believe that class-free, lean markup and descendant selectors were the answer. Many developers still build websites for a single resolution, or a small range of devices. However, these practices are now being questioned. Where do we stand? What is best practice web development today? Russ Weakley will explore these topics and more... or possibly less...
SharePoint + Xamarin for Visual Studio provides ability to build great business mobile apps using C# as the main programming language. It can build apps for iOS, Android, Kindle Fire and more. Apps are built with standard, native user interface controls. Apps not only look the way the end user expects, they behave that way too. Xamarin Studio provides integration with Visual Studio, IDE for Mac as well as Windows IDE for Android development. Apps are build using familiar language(C#) and namespace base on .Net framework which we all have come to love. Your users will love using Apps that target to their personal device, which intern will increase productivity and business value.
Distributed computing - where data is consumed from external Web sites, sometimes 'mashed', or displayed in some other way on your own site, has become a powerful way of providing functionality, and requires little or no financial outlay or technical understanding.
This workshop will look at some of the services available and examine some of the ways that they can be combined or otherwise used on your site and for prototype development.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIVladimir Iglovikov, Ph.D.
Presented by Vladimir Iglovikov:
- https://www.linkedin.com/in/iglovikov/
- https://x.com/viglovikov
- https://www.instagram.com/ternaus/
This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation.
Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners.
This case study covers various aspects, including:
People: The contributors and community that have supported Albumentations.
Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions.
Challenges: The hurdles in monetizing open-source projects and measuring user engagement.
Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration.
Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community.
Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations.
Mental Health: Maintaining balance and not feeling pressured by user demands.
Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth.
Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects.
Explore more about Albumentations and join the community at:
GitHub: https://github.com/albumentations-team/albumentations
Website: https://albumentations.ai/
LinkedIn: https://www.linkedin.com/company/100504475
Twitter: https://x.com/albumentations
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
18. ?
CRUD
MVC
HTTP
DNS
CLI
OOP Framework
Front End
Back End
Compiler
ConventionConfiguration
Concern
Learn Python!
Learn Ruby!
Learn Node!
AJAX
Async
JSON
Responsive Grid
Phantom
Git
REST
DRY
Deployment
UI UX
Authentication
Worker
API
VIM
Sublime Emacs Terminal
Package Manager Pattern
Algorithm
Object Array Sass SaaS
Router Code Base
CI
Magnets, How do they work?
Version ControlPrototype
Meth
Fun
Pro
Con
DB
He
UR
YM
Version Control Browser Dire
Constructor Class ES6 Rende
19. CRUD
MVC
HTTP
DNS
CLI
OOP Framework
Front End
Back End
Compiler
ConventionConfiguration
Concern
Learn Python!
Learn Ruby!
Learn Node!
AJAX
Async
JSON
Responsive Grid
Phantom
Git
REST
DRY
Deployment
UI UX
Authentication
Worker
API
VIM
Sublime Emacs Terminal
Package Manager Pattern
Algorithm
Object Array Sass SaaS
Router Code Base
CI
Magnets, How do they work?
Version ControlPrototype
Meth
Fun
Pro
Con
DB
He
UR
YM
Version Control Browser Dire
Constructor Class ES6 Rende
AHHHHHHH!
21. I WILL LEARN
ALL THE THINGS!
JS
jQuery
Git?Ruby
Sass
Wordpress
Bootstrap Command
Line
Binary?!
22. Wait.
I STILL Don’t know how to build a web app!
JS
jQuery
Git?Ruby
Sass
Wordpress
Bootstrap Command
Line
Binary?!
?
23. “Programming is awesome if
you like feeling dumb and then
eventually feeling less dumb
but then feeling dumb about
something else pretty soon.”
- @bpoetz
37. What’s on your mind?
PostCancel
To: Friends
Update Status
Create - Add a New Record
38. Lydia Guarino
Read - Review a Record
3hrs . Austin, TX
LOOK AT THIS PICTURE OF MY ADORABLE CAT!!!!
39. Update - Edit a Record
LOOK AT THIS PICTURE
OF MY ADORABLE CAT
TERRIFYING POSSUM
UpdateCancel
To: Friends
Update Status
40. Destroy - Delete a Record
LOOK AT THIS PICTURE
OF MY ADORABLE CAT
TERRIFYING POSSUM
UpdateCancel
To: Friends
Update Status
41. Deployed CRUD
Web Application
HTML
CSS
Object Oriented
Programming
JavaScript
MVC Pattern
CRUD Application
Our mountain is three dimensional.
There are many paths to the top.
This is one well-traveled path.
Frameworks
Persistence and Deployment
50. •Package Managers: To manage dependencies
•Directory Structure: To define a place to put your application code
•File Naming Conventions: To help match up related code that works together
•Build System: To compile your application into something the browser can
understand
•JS Linter (jsHint): To help you find and fix syntax and typo errors
•Live reload: To automatically refresh your browser as you edit your code
•Module system: To allow you to only import what you need for the immediate
task and help make your code testable
•ES6 Transpilation: To help future proof your code to work with next
generation syntax
•Generators: To minimize writing repetitive boilerplate for common
components
•Test Framework: To help you make sure your application is working they way
you expect it to and that it continues to work as you edit and refactor it.
•Addon System: To allow you to share or import code that other people have
already built.
“Embering on the Shoulders of Giants” - Jeffrey Biles
55. They’re like guard rails.
If you follow the
conventions, you won’t get
lost or stray too far from
the trail.
56. It also means you can
LOOK UP how to do
something correctly…
Because the “right
way” is defined and
documented.
57. And when LOTS of
people use these
conventions,
there are LOTS of
people that can help you
find your way.
58. Deployed CRUD
Web Application
HTML
CSS
Object Oriented
Programming
JavaScript
MVC Pattern
CRUD Application
Our mountain is three dimensional.
There are many paths to the top.
This is one well-traveled path.
Frameworks
Persistence and Deployment
60. A programming paradigm based on
the concept of "objects", which are
data structures that contain data, in the
form of fields, often known as
attributes; and code, in the form of
procedures, often known as methods.
OO programs are comprised of objects
that interact with one another.
Thanks Wikipedia.
61. Id Size Color Fabric
1 6 Green Cotton
2 8 Yellow Polyester
3 12 Purple Satin
4 4 Red Tweed
Dresses
69. Deployed CRUD
Web Application
HTML
CSS
Object Oriented
Programming
JavaScript
MVC Pattern
CRUD Application
Our mountain is three dimensional.
There are many paths to the top.
This is one well-traveled path.
Frameworks
Persistence and Deployment
76. The styled HTML
web page the user interacts with
+
placeholders for the
dynamic content
View
77. MADLIBS Views
person and person went down to the local place to
buy a adjective, adjective thing.
Adverb, they found number adjective things in their
place.
Dynamic placeholder Static context
81. {
id: 1,
size: 6,
fabric: ‘cotton’,
color: ‘green’,
embellishments: [‘collar’],
isWashable: true,
isDirty: false,
wear: function(){},
clean: function(){},
fold: function(){},
hang: function(){}
}
A model is an object or a collection of objects.
*We are in Javascript Framework Land now. Other types of frameworks implement this concept differently.
82. {
id: 1,
madLibber: “Jeremy”,
personOne: “Ryan Gosling”,
personTwo: “Oprah”,
place: “bedroom”,
adjectiveOne: “flat”,
adjectiveTwo: “orange”,
thing: “thing”,
adverb: “readily”,
number: 4,
adjectiveThree: “boxed”,
things: “slices”
}
*We are in Javascript Framework Land now. Other Frameworks may implement this concept differently.
83. JEREMY’S MADLIB Views
Ryan Gosling and Oprah went down to the local
bedroom to buy a flat, orange thing.
Readily, they found 4 boxed slices in their place.
92. Deployed CRUD
Web Application
HTML
CSS
Object Oriented
Programming
JavaScript
MVC Pattern
CRUD Application
Our mountain is three dimensional.
There are many paths to the top.
This is one well-traveled path.
Frameworks
Persistence and Deployment
96. Save
ROUTE: colors / new
View
Cancel
HEXCODE
COLOR NAME
Back to Palette
CREATE
Inputs
Buttons
Preview
Link
97. {{#link-to ‘colors.index’}}
Back to Palette
{{/link-to}}
{{input type=‘text’ value=hexcode placeholder=“HEXCODE”}}
Back to Palette
<button {{action ‘create’}}>Save</button>
HEXCODE
Save
<div class=“preview” style=“background-color: {{hexcode}}”>
</div>
103. ROUTE: colors / index
View Add a Color
READ
A list of all the colors
with previews
Link
Link to
individual
color
104. {{#link-to ‘colors.new’}}Add a Color{{/link-to}}
{{#each model as |color|}}
{{#link-to ‘colors.edit’ color}}
<div class=“color” style={{magic}}></div>
{{/link-to}}
{{/each}}
Add a Color
112. Templating and Markup:
Styling:
Primary Language:
Framework:
Data Adapter Library:
Data Persistence Addon:
Package Managers:
Version Control:
Deployment:
Our Toolkit
HTML5 + HTMLbars
CSS3
Javascript
Ember JS + Ember CLI
Ember Data
Ember Fire + Firebase
NPM + Bower
Git
PageFrontHQ
120. We will all work
together to find
the right words.
121. But first, some Yak
Shaving.
*Yak Shaving: All the work we
have to do before we can
actually start working. Yes, this IS
a Ren and Stimpy reference.
122. We need to install
a few things:
1. npm package manager
2. ember command line interface
3. bower package manager
123. Open your terminal
and type:
npm
Press Enter
Making sure you have node installed
Step 1 of 6
124. If you get something
like:
command not found: npm
You need to download and install a
recent version of Node from nodejs.org
Making sure you have node installed
Step 1 of 6
125. nodejs.org
If you got something
that starts with this:
Usage: npm <command>
Congrats! You’re ready to install
Ember CLI.
Making sure you have node installed
Step 1 of 6
126. ember-cli.com
Type this in your terminal to
globally install Ember CLI:
Installing Ember CLI
Step 2 of 6
npm install -g ember-cli
Grab a drink or high five a friend.
This may take a moment.
127. bower.io
Type this in your terminal to
globally install Bower:
Installing the Bower Package Manager
Step 3 of 6
npm install -g bower
Half Yak
128. Just a little more
shaving and this
Yak will be looking
pretty dapper.
129. Let’s set up our
application!
4. Create a new Ember CLI Project
5. Install and configure EmberFire
6. Install Ember Inspector
130. We’re going to put our
ember app directory
(folder) in Desktop for now.
Let’s go there now:
cd ~/Desktop
ember-cli.com/user-guideCreating a new App
Step 4 of 6
131. We’re ready to use Ember
CLI to create our
Color Palette app:
ember new color-palette
Step 4 of 6
ember-cli.com/user-guideCreating a new App
132. installing app
create .bowerrc
create .editorconfig
create .ember-cli
create .jshintrc
create .travis.yml
create .watchmanconfig
create README.md
create app/app.js
create app/components/.gitkeep
create app/controllers/.gitkeep
create app/helpers/.gitkeep
create app/index.html
create app/models/.gitkeep
create app/router.js
create app/routes/.gitkeep
create app/styles/app.css
create app/templates/
create app/templates/components/
create bower.json
create config/environment.js
create ember-cli-build.js
create .gitignore
create package.json
create public/crossdomain.xml
create public/robots.txt
create testem.json
create tests/.jshintrc
create tests/helpers/resolver.js
create tests/helpers/start-app.js
create tests/index.html
create tests/test-helper.js
create tests/unit/.gitkeep
create vendor/.gitkeep
Installed packages for tooling via npm.
Installed browser packages via Bower.
Successfully initialized git.
THIS is why we use frameworks.
Step 4 of 6
Creating a new App ember new color-palette
133. create app/router.js
create app/routes/
create app/models/
create app/templates/
create app/controllers/
create app/styles/
And Look! Some familiar faces!
Step 4 of 6
Creating a new App ember new color-palette
134. Now we need to hop from
Desktop into our new project:
cd color-palette
Step 4 of 6
ember-cli.com/user-guideCreating a new App
135. Our app needs a place to
SAVE or PERSIST the data
RECORDS we create.
We are going to use a
Platform for this called
Firebase.
https://www.firebase.com/docs/
136. We are using Firebase
INSTEAD of building a
customized backend API.
https://www.firebase.com/docs/
137. We’re all going to be
using the SAME database
that I previously set up.
https://www.firebase.com/docs/
138. For your next project, you
will need to set up your
own Firebase account or
try your hand at writing
some back end code.
https://www.firebase.com/docs/
139. Step 5 of 6
Setting up Ember Fire
To set up Firebase, make sure
you are in your color-palette
directory and then run:
ember install emberfire
https://github.com/firebase/emberfire
https://www.firebase.com/docs/
140. We will need to edit the
following file:
color-palette/config/environment.js
Open this file in a text editor.
Step 5 of 6
Setting up Ember Fire https://github.com/firebase/emberfire
https://www.firebase.com/docs/
141. Change line 8 from this:
firebase: 'https://YOUR-FIREBASE-NAME.firebaseio.com/',
to this:
Step 5 of 6
Setting up Ember Fire https://github.com/firebase/emberfire
https://www.firebase.com/docs/
firebase: 'https://color-palette.firebaseio.com/',
Save and Close the file.
149. We need some routes:
ember generate route ‘colors’
ember g route ‘colors/index’
ember g route ‘colors/new’
ember g route ‘colors/edit’
We will automatically get templates when we
generate our routes
151. We need to define what a color
model looks like:
ember g model ‘color’
152. We will need controllers for each of
our routes:
ember g controller ‘colors/index’
ember g controller ‘colors/new’
ember g controller ‘colors/edit’
153. Our application
code lives in the
directory called
‘app’.
Now that we have
generated all of the
entities we need for
our application, our
directory tree should
look like this:
Controllers
Model
Routes
CSS
Views
154. We’re ready to write
some code!
Open the ‘app’ directory
in your text editor.
155. Let’s start by adding some CSS to style the views we’ll be
working with:
We’ll copy/paste the css from:
https://github.com/
lydiaguarino/color-palette/
commits/master