Updates from December, 2014 Toggle Comment Threads | Keyboard Shortcuts

• 

  JimUBC 3:53 pm on December 16, 2014 Permalink | Reply  

  HTML CSS JavaScript SASI Session 2 Notes 

  
  Consider this picture.

  

  Can you see how this applies to what you are doing before our sessions and while we are together?

  Please reply with a comment about our second session.

  Highlights / Metacognition

  • What did you think was the most valuable thing that happened for you today?
  • What did you learn from that?
  • What will you do with that knowledge?

  Questions?

  • Now that we’ve had our second session, what do you want to know?
  • What could we have done better?

  If you spot a question from someone else and you can answer it – please do.

  Sally is discussing. Toggle Comments

   
  • 

    Sally 10:48 am on December 17, 2014 Permalink | Reply

    1. What did you think was the most valuable thing that happened for you today?
    – introduction to JavaScript and jQuery (including the background and some basic understanding of how JavaScript and jQuery works)
    – links to resources such as caniuse.com

    2. What did you learn from that?
    – some best practices in using JavaScript when authoring a webpage

    3. What will you do with that knowledge?
    – I hope to be able to make sense of the JavaScript that has been implemented in our current SITS work; and to be able to remember to think of best practices when I try to use JavaScript

    Questions?
    1. Now that we’ve had our second session, what do you want to know?
    – To delve deeper into the use of JavaScript; and to create JavaScript that would be applicable to SITS webpages (i.e. the student and staff facing portals)
    2. What could we have done better?
    – As you mentioned at the beginning of the class, the expectation of the 2-day course was to give us an introduction of HTML, CSS, and JavaScript; and to lead us to the place where we know what we know instead of not knowing what we don’t know…I feel that the 2-day course has accomplished that for me 🙂 Now, it’s more about trying to apply our knowledge in practice.

    Thanks again for leading the 2-day course!

  Reply Cancel reply

  Required fields are marked *

  Name *

  Email *

  Website

  Δ

• 

  JimUBC 9:52 pm on December 14, 2014 Permalink | Reply  

  HTML CSS JavaScript SASI Session 1 Notes 

  
  Consider this picture.

  

  Can you see how this applies to what you are doing before our sessions and while we are together?

  Please reply with a comment about our first session.

  Highlights / Metacognition

  • What did you think was the most valuable thing that happened for you today?
  • What did you learn from that?
  • What will you do with that knowledge?

  Questions?

  • Now that we’ve had our first session, what do you want to know?
  • What could we have done better?

  If you spot a question from someone else and you can answer it – please do.

  Asima Zahid, Sandra Yee, Alma, and 9 others are discussing. Toggle Comments

   
  • 

    Sandra Yee 10:08 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?
    What did you learn from that?
    What will you do with that knowledge?

    Questions?
    Now that we’ve had our first session, what do you want to know?
    What could we have done better?

  • 

    Geneva 10:13 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight? – the hands on experience and the ‘stool’
    What did you learn from that? how html, css, and soon to be javascript, interact
    What will you do with that knowledge? understand what the devs are talking about
    Questions? none at the moment

    Now that we’ve had our first session, what do you want to know? i’m not sure, I’m still in the ‘I dont know what I don’t know’ phase 🙂
    What could we have done better? nada, it’s great!

  • 

    Jen Duggan 10:14 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you yesterday?
    Defining classes and elements, and how to apply a style to them using a CSS

    What did you learn from that?

    What will you do with that knowledge?
    Use it when making pages within SITS e:Vision where we need to change the styling from the default UBC CLF.

    Questions?

    Now that we’ve had our first session, what do you want to know?
    More HTML formatting maybe – it feels like so much of our time is spent on the “look and feel” of pages
    More about Javascript, JQuery

    What could we have done better?

  • 

    Sally McKenzie 10:15 am on December 16, 2014 Permalink | Reply

    1. What did you think was the most valuable thing that happened for you tonight?
    – The three-legged stool theory to illustrate the relationship among HTML, CSS, and Javascript
    – The W3 standards to keep in mind when using HTML and CSS

    2. What did you learn from that?
    – To keep in mind the standard and best practices when using HTML and CSS

    3. What will you do with that knowledge?
    – To apply the theory / concept taught at this class to the development work in the project; how best to style the content on the web student and staff portals

    Questions?

    1. Now that we’ve had our first session, what do you want to know?
    – How to apply what we’ve learned in the first session to our current development/configuration work

    2. What could we have done better?
    – Use some of the current SITS development as examples

  • 

    Tara MacDonald 10:16 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?

    You had some wonderful analogies for thinking about how html/css/javascript work together – 3-legged & not mixing mustard into the bread really stuck with me.

    What did you learn from that?

    I knew coming in that the html portion would likely be a refresher for me, but a better understanding of how css and javascript work together with it and how to structure it is something that I definitely was left with. Firmer knowledge of how to use CSS and a glimpse at javascript are things that I gained. Looking forward to learning more about javascript today, as don’t know much about it …

    What will you do with that knowledge?

    This knowledge will better enable me to look at site and decipher what the coding means and allow me to figure out how to do certain things. The resources you provided were super handy as well.

    Questions?

    Now that we’ve had our first session, what do you want to know?

    More on javascript!

    What could we have done better?

    Great instruction – keep doing what you’re doing!

  • 

    Nina Kessler 10:16 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?

    I had a good review of HTML and gained understanding of how CSS works.

    What did you learn from that?

    I learned many tools to use and resources for HTML rules.
    I learned what JQuery is and the uses of HTML5, CSS and JavaScript.

    What will you do with that knowledge?
    I will use it in my new position when I am faced with creating sites and pages.

    Questions?
    Now that we’ve had our first session, what do you want to know?

    I want to learn about JavaScript.

    What could we have done better?

  • 

    Michael Eastwood 10:16 am on December 16, 2014 Permalink | Reply

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you yesterday?
    – History of HTML5 and what is new in HTML5
    What did you learn from that?
    – Why browsers work differently, at least partially
    What will you do with that knowledge?
    – Check if what I’m using to build a page is compatible with all browsers

    Questions?
    Now that we’ve had our first session, what do you want to know?
    – More JavaScript and jQuery
    What could we have done better?
    – I would like a quicker pace and more advanced coding examples but I understand that that would not work for the rest of the class

  • 

    DebbieUBC 10:17 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight? Most valuable thing was learning some of the elements of the HTML page
    What did you learn from that? I learned where to look up HTML elements and how to build pages.
    What will you do with that knowledge? Help me to converse with developers on the project team.

    Questions?
    Now that we’ve had our first session, what do you want to know? I want to learn more about JavaScript
    What could we have done better? More time to practice.

  • 

    Harry 10:20 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?

    – I was already quite familiar with HTML and CSS, but it was valuable for me to learn more about the reasoning and history behind things and what I was doing, as well as what’s changed over time.

    What did you learn from that?

    – Provided me with more structured learning behind the concepts and different ways to explain technical behaviour to the everyday user.

    What will you do with that knowledge?

    – Be able to take away references from the course to use when guiding users and in explaining the capabilities of what can be done.

    Now that we’ve had our first session, what do you want to know?

    – More about web page standards, best practices, code optimization, usability, current tools used out there.

    What could we have done better?

  • 

    Michael 10:20 am on December 16, 2014 Permalink | Reply

    Can you see how this applies to what you are doing before our sessions and while we are together?
    Yes, now I know how the tags work rather than just using it

    Please reply with a comment about our first session.

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight? To know some of the history, and background of world wide web.

    What did you learn from that? The basic idea of how web work

    What will you do with that knowledge? Understand from a developer’s perspective

    Questions?

    Now that we’ve had our first session, what do you want to know? How to troubleshoot html, css, and javascript
    What could we have done better? Highlight some of the features for HTML5

  • 

    Alma 10:21 am on December 16, 2014 Permalink | Reply

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    High view on how information flows from front end to back end.

    What did you learn from that?
    I knew per experience how things work but in isolated way and it is really important the way those components work together

    What will you do with that knowledge?
    As BA – QA this knowledge is gold since now I will better transform requirements to pass them to developers and when QA time gets this will help me to target better any issues related to code or data or function.

    Questions?
    Now that we’ve had our first session, what do you want to know?
    Perhaps if there is any debugger could help with typing kind of mistakes, like comma… etc

    What could we have done better? Nothing I love the way it is! I also like the hands on practices

  • 

    Sandra Yee 10:21 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?
    > Learning about the HTML5 Structural Semantic Elements

    What did you learn from that?
    > Structural elements such as articles, section, and etc can be used to organize and structure a page.

    What will you do with that knowledge?
    > When configuring pages in SITS, I should include these items.

    Questions?
    Now that we’ve had our first session, what do you want to know?
    > Learn about JavaScript and JQuery

    What could we have done better?
    > Not much. The class was at a good pace and covered pertinent topics.

  • 

    Asima Zahid 10:46 am on December 16, 2014 Permalink | Reply

    What did you think was the most valuable thing that happened for you tonight?

    AZ: Understanding the relationship between HTML, CSS and JavaScript as well as clarifying the concepts around the structure of web dialogue (application server, web server, browser etc.)

    What did you learn from that?

    AZ: How does web work and why certain options are preferred based on the page content and usage.

    What will you do with that knowledge?

    AZ: Apply appropriate tool(s) (HTML, CSS, JS) when developing web pages

    Questions?
    Now that we’ve had our first session, what do you want to know?

    AZ: further understanding of JavaScript and JQuery and how to apply each in various contexts

    What could we have done better?

    AZ: Have some more hands-on exercises to do on our own

• 

  JimUBC 9:15 pm on September 30, 2014 Permalink | Reply
  Tags: Course Announcements, Outlook   

  Outlook – Out of the Inbox 

  

  Next session is Tuesday October 7th. Seats still available
  If you are familiar with previous versions of Microsoft Outlook then sending and receiving email with Outlook 2013/2010 is very simple. For many people making the transition, that is where they stop exploring. In this course we uncover the mysteries of the new fluent user interface (the Ribbon) to help you to do what you have always done like emailing, scheduling and responding to appointments, categorizing your mail and calendar events. We also explore new ways to be productive with flags, rules, automatic formatting, smart art, quick parts and more.

  Duration: 6 hours (Morning and afternoon session on the same day)

  Register for this course: Outlook^® – Out of the Inbox
  
  Tuesday October 7th 9:00am-4:00pm UBC Robson Square

  Theoretical Objectives Understand why the Inbox gets out of control and identify specific issues arising from the way you use Outlook now. Understand the key actions that can arise from an email and learn Outlook shortcuts to accomplish these quickly. Identify some best practices that are supported by Outlook, which can be applied to your individual situation. Choose specific features or Outlook that you can use immediately. Create a plan for you will start using those features.

  Practical Objectives Use the Fluent User Interface Ribbon Backstage View Quick Access Toolbar Navigation Pane Folders Buttons To-Do Bar Date Navigator Appointments Task List Categories Tasks Folders Search Folders Quick Parts Key Tips (old name – keyboard shortcuts) Optional topics Archiving / Backup Journal

  ---

  Lab Equipment and Devices

  The sessions are conducted in a computer lab and you will have a lab computer for you to use.

  You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

  At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

  Lab exercises are based on using the lab computers.
  If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

  Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture

  Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

  No Recording or Pictures in the Lab

  Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.

   
• 

  JimUBC 11:22 pm on May 11, 2014 Permalink | Reply  

  Excel® I Introduction to Workbooks, Charting, Data Management 

  

  Overview

  Excel is the spreadsheet component of Microsoft Office and it is an extremely versatile tool for manipulating numeric data, creating charts and sorting and filtering text data.

  Coming May 20-May 27 2 sessions Tuesdays 9:00am-4:00pm UBC Robson Square

  Course Description

  With Excel you can:

  • Work with your numeric data
  • Display it as charts
  • Manipulate non-numeric data as tables like you can in many database products

  In this hands-on introductory workshop you will examine spreadsheet principles, entering data, creating formulas, designing worksheets, charting, data management and printing. Several applications for Excel are explored using examples and case studies.
  Duration: 12 hours

  Register for this course: Excel^® I Introduction to Workbooks, Charting, Data Managemen

  May 20-May 27 2 sessions Tuesdays 9:00am-4:00pm UBC Robson Square

   

  Theoretical Objectives History and applications for worksheets Creating formulas Formatting to add meaning Functions (structure and use) Charts for communication Database terminology & applications

  Practical Objectives Worksheets for manipulating numeric data Formatting Creating and modifying Charts Creating and modifying Data tables (edit, sort and filter) Budget Models Decision Support Tool

  ---

  Lab Equipment and Devices

  The sessions are conducted in a computer lab and you will have a lab computer for you to use.

  You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

  At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

  Lab exercises are based on using the lab computers.
  If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

  Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture

  Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

  No Recording or Pictures in the Lab

  Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.

   
• 

  JimUBC 12:09 am on April 30, 2014 Permalink | Reply  

  Outlook: Out of the Inbox 

  

  Next session is Tuesday May 6th. Seats still available

  If you are familiar with previous versions of Microsoft Outlook then sending and receiving email with Outlook 2013/2010 is very simple. For many people making the transition, that is where they stop exploring. In this course we uncover the mysteries of the new fluent user interface (the Ribbon) to help you to do what you have always done like emailing, scheduling and responding to appointments, categorizing your mail and calendar events. We also explore new ways to be productive with flags, rules, automatic formatting, quick art, smart parts and more.

  Duration: 6 hours (Morning and afternoon session on the same day)

  Register for this course: Outlook^® – Out of the Inbox
  
  May 6 One session  9:00am-4:00pm UBC Robson Square

   

  Theoretical Objectives Understand why the Inbox gets out of control and identify specific issues arising from the way you use Outlook now. Understand the key actions that can arise from an email and learn Outlook shortcuts to accomplish these quickly. Identify some best practices that are supported by Outlook, which can be applied to your individual situation. Choose specific features or Outlook that you can use immediately. Create a plan for you will start using those features.

  Practical Objectives Use the Fluent User Interface Ribbon Backstage View Quick Access Toolbar Navigation Pane Folders Buttons To-Do Bar Date Navigator Appointments Task List Categories Tasks Folders Search Folders Quick Parts Key Tips (old name – keyboard shortcuts) Optional topics Archiving / Backup Journal

  ---

  Lab Equipment and Devices

  The sessions are conducted in a computer lab and you will have a lab computer for you to use.

  You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

  At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

  Lab exercises are based on using the lab computers.
  If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

  Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture

  Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

  No Recording or Pictures in the Lab

  Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.

   
• 

  JimUBC 12:07 am on April 30, 2014 Permalink | Reply  

  Programming Mechanics and Mindset 

  The next session of this course starts next Wednesday night 6:30-9:30 pm at Robson Square (Lab C460). Seats still available: Register here: Programming Mechanics and Mindset

  Overview

  This course can be applied to the Award of Achievement HTML5 Academy

  Introduction

  With modern tools you can create a web page, or even an entire web site without knowing anything about programming – but – to get beyond simply adding content to pre-made templates you do need to know what is going on below the surface: You need to know about programming. Even if you don’t intend to write programs, an understanding of the fundamentals will demystify many of the technologies you will encounter in web development.

  Course Description

  We explore a big picture view of the Internet and identify centres of technology. It is in these centres of technology that various kinds of programming take place. We then look at high level programming concepts: variables, scope, control structures, sub procedures and functions and discuss scripting, compiled and hybrid languages and concepts related to object oriented programming.

  Duration: 18 hours (6 evening sessions)

  Register for this course: Programming Mechanics and Mindset

  Theoretical Objectives You will learn concepts and terminology related to programming, and understand where these are used in web development. Some of the high level concepts covered in this course: Programming in General Scripting in Contrast High/Low level languages Abstraction Sequence Branching Iteration Variables Procedures/Functions Parameters Return Values State and Statelessness on the web Object Oriented Programming

  Practical Objectives You will learn how to read programming/scripting code in several environments and recognize the application of the concepts shown in the Theoretical Objectives. (left panel on this page). You will learn the general layout of a integrated software development environment tool and create a simple website.

   

  Lab Equipment and Devices

  The sessions are conducted in a computer lab and you will have a lab computer for you to use.

  You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

  At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

  Lab exercises are based on using the lab computers.
  If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

  Please plan to use your own cloud based storage (SkyDrive, DropBox, iCloud or similar) or a USB storage key.

   

  Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture
  • Homework assignments submitted online

  Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

  No Recording or Pictures in the Lab

  Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.

   

  

   
• 

  JimUBC 11:21 pm on November 28, 2013 Permalink | Reply  

  Vancouver Web DevCamp! For developers, by developers. 

  

  Here’s a special event for all of you have participated in my programming or web related courses (or you’re coming soon). If you want to know what you can do with DreamSpark and Windows Azure you won’t want to miss this. Here is the announcement or you can just Register Now.

  Build, Deploy, Scale!

  Build cutting edge web sites with the new release of ASP.NET and Web Tools for Visual Studio 2013. Then deploy and scale them with Windows Azure.

  As part of the first wave of Developer Movement events being hosted in Canada, a Web DevCamp is coming to Vancouver on December 12/2013!

  At this Web Camp, you’ll learn how to develop beautiful, interactive and fast web sites using Microsoft’s web tools and platform. You will also learn how to deploy and scale your web sites with the cloud.
  This Web Camp will not cost you anything to attend and breakfast and lunch will be provided by Microsoft!

  
  Here’s a snapshot of the topics that will be covered in this Web Camp:

  • Introduction to ASP.NET and Visual Studio 2013 Web Tooling
  • Building Web Applications using the latest ASP.NET technologies
  • Building web front ends for both desktop and mobile using the latest web standards
  • API Services for both web and devices
  • Running, improving and maintaining a site in the real world
  • Real-time Communications with SignalR

  
  What to bring with you:

  • To keep things simple, bring you ID and something to take notes on.
  • If you want to do the labs or follow along with the demos, you’ll need to bring a laptop.

  More information and Register Now.
  

  See you there.

   
• 

  JimUBC 1:01 pm on October 27, 2013 Permalink | Reply  

  Sustainable Web Design 

  It’s easy to think that sustainability is only a concern in the material world.

  Here’s an interesting perspective.

  Sustainable Web Design

  Sustainable Web Design

  by James Christie September 24, 2013 Published in Application Development, State of the Web ∙

  A growing number of industries are trying to reduce or at least curtail carbon footprints and energy use. Emissions standards have been set for the automotive, construction, and even telecommunications industries. Yet the internet’s carbon footprint is growing out of control: a whopping 830 million tons of CO₂ annually, which is bigger than that of the entire aviation industry. That amount is set to double by 2020.

  It is time for web designers to join the cause.

  Read the rest: Sustainable Web Design

   

   
• 

  JimUBC 1:17 am on May 24, 2013 Permalink | Reply  

  Vancouver HTML5 Gaming Workshop & a Yeti Sunday May 26, 2013 

  Vancouver HTML5 Gaming Workshop & a Yeti

  This workshop is presented by Vancouver Polyglot {Un}conference, Startup Weekend Vancouver and Microsoft Canada!

  With advances brought to us by HTML5, modern browsers and free libraries like CreateJS, we can create games and rich interactive experiences more easily than before. In this workshop, we will show how you can use HTML5 to build games and interactive experiences today (with plenty of demos to pull apart). Then we will show how you can take those HTML5 games and migrate them to Windows 8 to take advantage of monetization opportunities with over 60 million potential users.

  You do not have to have deep experience with either HTML5 or Windows 8 but a fundamental knowledge of HTML, CSS and JavaScript will be helpful. Although, you will need Windows 8 and the Visual Studio Express for Windows 8 to take advantage of the hands-on time.

   
• 

  JimUBC 1:40 pm on May 2, 2013 Permalink | Reply  

  Word® 2013/2007 Quick Start 

  Doing a one day session about Microsoft Word on Tuesday at Robson Square.

  Details here: Word® 2013/2007 Quick Start

  Overview:

  If you are an experienced user of earlier versions of Microsoft Word, then making the initial transition to Word 2010/2007 is easy, until you try to do familiar things like formatting and extensive editing. In this course we uncover the mysteries of the new fluent user interface (the Ribbon) to help you to do what you have always done like create and edit text, format with styles and outlines, check grammar and spelling. We also explore new ways to be productive with shapes, smart art, quick parts, references and more. (We will look at Word 2013 too).

  — more Word® 2013/2007 Quick Start