It is more efficient to use DevTools as the front end development environment than using Visual Studio.
If I choose to use IE 8 user agent under DevTools settings, which is equivalent to Mozilla 4, when viewing element’s user agent style in chrome, the -webkit- styles will be disabled, instead the selected user agent styles will be active. This means the selected user agent is not only what the browser tells the server and the browser also behaves as the selected user agent. In other words, you could stay in Chrome to check how your pages look like in different browsers.
- for viewing and modifying css and js files, including pretty print minified js code
- ctrl + s can save a browser local modification
- right mouse in source code can “load local modifications”
- time tag with modifications will show, to apply original or apply revision content
- revert to original
- save as to save a hard copy or save to the workspace if it has been allowed
- setting break points and debugging js code
- log and command line
- console.log(‘createEvent called’); console.log(console);
- to get the console commands: https://developers.google.com/chrome-developer-tools/docs/console-api
- console.log(“I can’t wait to run my 5K”)
- console.assert(Calendar.countEvents() == 3)
- console.warn(“Watch out!”)
- inspect($(“#date”)) to find where is the element inside the DOM
- $0, $1, $2 … to find the select history from the most recent (i.e., select an element in element penal, then $0 in the console points that same element)
Today’s focus was how technical women can drive forward and the keynote was “A Case for Diversity”, by Dr. Valerie Taylor from Texas A&M University. Valerie Taylor was one of the 600 women attended the first GHC in 1994. The conference was held every 3 years back then. In 2000, the conference started to be held every other year and in 2006, it started to be held every year.
In 1994, Valerie visited Anita Borg to talk about work. Anita suggested, “Let’s go for a hike!”. While hiking, Anita asked Valerie about her family and upbringing, which made Valerie feel strange. She later realized that Anita was taking time to learn about her, so that she could have a better idea on what to bring to the table. Anita was using this approach to handle diversity:
- Engage: Take time to learn about others. Learn about their background.
- Embrace: Embrace the background and allow it to come to the forefront.
- Enhance: When you engage and embrace others, you end up with something better.
Engage needs mediation and mediation is not making a decision for the parties in conflict. Rather, it is navigating people in conflict so that they solve the problem themselves.
One of the examples Valerie gave was that a team meeting may include people from varies background, some could from “not to question elders” background, others may be opposite. In this case Valerie would engage everyone talk first, she would be the last one to embrace a common ground and then use what she could learn from engage and embrace to enhance.
Everyone brings something unique to the field of computing! “We all should know that diversity makes for a rich tapestry, and we must understand that all the threads of the tapestry are equal in value no matter what their color.”
In her keynote, Megan Smith, vice president Google[x] at Google, gave many inspirational ideas that make the world better. She said:
- “They say life is who you travel with, so find astonishing people to hang out with.”
- “If you define your passion and combine it with your work, you are unstoppable.”
- “What’s your [x]?” – Google[x] is for the next x.
- “Hang in there because the flip side can be extraordinary.”
- “Feminism is about humanism it’s about equality so I’m a feminist.”
- “Be 2/3 YES, and & 1/3 But.”
- “Hope you venture on the heroic engineering.”
- “We are a species of moon-shots.”
- “Fix the tech historic record” so we actually know women contributed in a big way.
She also mentioned the Makers, an amazing documentary made by PBS.
Human has always been a social being. Presentation and Communication are important aspect of living “Social”. In the Tech Behind Social World workshop Akhila Naveen (Yahoo!) and Jennifer Davis (Yahoo!) enlightened the audience on the ‘social’ aspect of webpages.
Replacing the user story with the job story
When building a new product from scratch with a “blank canvas”, it’s hard to get the whole team on the same page when it comes to customer motivations, events, and expectations. Using the jobs to be done philosophy to help define features can turn things around. This is called “Job Stories”. A job story can be defined as “situation + motivation + expected outcome” as shown below
Breaking down the job stories into components, we can discover the resourceful APIs
Then apply software design principals, we get the webpage as our 3D (Define, Discover, Design) output!
In “Using Volunteer Opportunities to Drive Forward Your Career” panel session at the Grace Hopper Celebrtion, the panelists made their great points that volunteering can help to
- know yourself and others better
- increase self confidence
- add experience
- gain technical skills
- expand connections
According to the US Department of Labor, over 25% of people volunteer to make a positive difference in causes they are passionate about.
Volunteering is a win-win situation.