The document provides an overview of current web technology trends presented by Marquis Côté to IT recruitment firms. It covers topics like artificial intelligence, augmented reality, virtual reality, the internet of things, creating web applications, popular technology stacks, mobile app development approaches, and common technology roles. The presentation aims to help attendees understand emerging technologies and skills in demand for web development projects.

1. Web Technology Trends
Walkthrough for IT recruitment firms
March 7, 2019
Presented by Marquis Côté

2. Who are you?
1. How long have you worked here?
2. What is your role here?
3. What’s your background?
4. Would you consider yourself tech savvy?
5. What would you want to get out of this workshop?

3. 1995-2003 | Horizon Media Group
2003-2006 | Imatics
2005-2012 | The Other Side Studios
2008-2015 | digitalOttawa > UniForge
20 Years of Web/Creative Agency
300+ProjectsDelivered
Who am I?
Canada School of Public Service
Canadian Air Transport Security Authority
Canadian Food Inspection Agency
Canadian Environmental Assessment Agency
Canadian Heritage
Canadian Museum of Civilization Corporation
Canadian Museum of Nature
Canadian Nuclear Safety Commission
Canadian Security Intelligence Service
Canadian Tourism Human Resource Council
Citizenship and Immigration Canada
Commissionaires
Finance Canada
Fisheries and Oceans Canada
Department of National Defense
Environment Canada
Global Affairs Canada
Health Canada
Human Resources and Skills Development Canada
Indian and Northern Affairs Canada
Industry Canada
Justice Canada
Library and Archives Canada
National Research Council Canada
NAV Canada
Ontario Centre of Excellence for Child & Youth Mental Health
Parks Canada
Privy Council Office
Public Health Agency of Canada
Public Safety Canada
Public Works and Government Services Canada
Royal Canadian Mint
Transport Canada
Security Intelligence Review Committee
...

4. + an entrepreneur
Who am I?
Business Development, Marketing Manager, Account Manager, Project Manager, Production Manager,
Team Leader, Creative Director, UX/UI Specialist, Senior Analyst, Producer, Event Manager; and
Hands-on development such as
Graphic Designer, Web and Multimedia Developer, Information Architect and Technical Writer.

6. Let’s begin...

7. What are we covering?
1. Top Tech Trends // Buzzwords
2. Creating a Web Application
3. Web Technology Stacks
4. Mobile
5. Technology Roles

8. Top Tech Trends // Buzzwords of 2018
● Artificial Intelligence (AI)
● Augmented Reality (AR)
● Virtual Reality (VR)
● Internet of Things (IoT)
● ...
● Blockchain, Edge Computing, Cyber Security...
1

9. Artificial Intelligence (AI)
● Automation
● Recognition
● Learning
● Planning
● Adapting
● Problem solving

12. Augmented Reality (AR)

15. Virtual Reality (VR)
Hyper Reality (HR)
Mixed Reality (MR)

16. 4 Types of VR Headsets
Smartphone Headsets
The most cost effective solution does
not always come at the price of quality.
PC Powered Headsets
If you want a headset that's powered
by a PC, you're moving into high end
VR. You'll get the quality if you choose
wisely, but at a price.
Console Headsets
MIddle rage pricing and quality, only
Sony releases a model, it's early days
to be considering console devices.
Untethered Headsets
Don't require a PC or a smartphone to
deliver a VR experience. Pricing of
models release is affordable. Quality is
better than smartphone VR.

19. Future of VR by 2025

20. Internet of Things (IoT)

21. Evolution of IoT

22. Industry Application of IoT

23. IoT Wearables

24. Creating a Web Application
2

25. Types of Device
● Desktops & Laptops
● Mobile Phones & Tablets
● Smartwatches / Wearables
● Game Consoles & VR Headsets
● Smart TVs
● Internet of things (IoT)
Types of Application
1. Desktop (e.g. Win, Mac, Linux)
2. Web (Browsers)
3. Mobile (e.g. Android, iOS)
4. > Cross-Platform / PWA

26. Development Approaches: Waterfall vs Agile

27. Development Approaches
Waterfall Methodology
Agile Methodology

28. Project Management & Development Tools
1. Project & tasks management
2. Document collaboration
3. Development & code management (Version Control Systems)
4. Issue tracking

30. Difference between

31. Web Technology Stacks
3

32. Web Technology Stack
https://www.thesoftwareguild.com/stack-infographic/

33. Front-end tech stack is made up of:
● HTML (Markup Language)
● CSS (Style Sheet Language)
● JavaScript (Scripting Language)
JavaScript frameworks:
● AngularJS
● ReactJS
● Vue.js
Presentation frameworks:
● Bootstrap
Front-end (client-side) tech stack

34. Back-end (server-side) tech stack
● Programing language
○ Ruby
○ Python
○ PHP
○ Java
○ Node.js
● Database
○ MySQL (relational)
○ PostgreSQL (relational)
○ MongoDB (non-relational / document)
● Server
○ Apache
○ Nginx

35. Popular Stacks
LAMP
● Linux
● Apache
● MySQL
● PHP
MEAN
● MongoDB
● Express
● Angular
● Node.js
Ruby on Rails
● Ruby
● Rails
● MySQL
● Apache
Django
● Python
● Django
● Apache
● MySQL

36. Top Programming Languages
Source: Stack Overflow (https://insights.stackoverflow.com/trends)

37. Content Management Systems
● WordPress
● Drupal
● Joomla
● Sitecore CMS
● Adobe Experience Manager (AEM) / Magento
● TeamSite (OpenText)
● SharePoint (collaborative platform)

38. Let’s talk Mobile!
4

41. Mobile App: Native vs Hybrid

44. > Progressive Web Application (PWA)
● Progressive: Work for every user, regardless of browser choice.
● Responsive: Fit any form factor: desktop, mobile, tablet, or forms yet to emerge.
● Connectivity independent: Service workers allow work offline, or on low quality networks.
● App-like: Feel like an app to the user with app-style interactions and navigation.
● Fresh: Always up-to-date thanks to the service worker update process.
● Safe: Served via HTTPS to prevent snooping and ensure content hasn't been tampered with.
● Discoverable: Are identifiable as “applications” allowing search engines to find them.
● Re-engageable: Make re-engagement easy through features like push notifications.
● Installable: Allow users to “keep” useful apps on their home screen without the hassle of an app store.
● Linkable: Easily shared via a URL and do not require complex installation.

45. Progressive Web Application (PWA)

46. Resources
5

47. Technology Roles
Common roles requested for a Web Technology project:
● Project Management > Scrum Master > Team Lead
● Business Analyst > User Experience (UX) Specialist > Information / IM Architect
● Front-End Developer >User Interface (UI) Developer > Web Developer
● Back-End Developer > Database Administrator > System Engineer
● Full Stack Developer > Senior Web Developer > Software Engineer
● Quality Assurance Specialist > QA Analyst > Tester

48. Questions?
Marquis Côté
@marquiscote