Skip to content

Workshops

Jump to bottom
Vojtech Mašek edited this page Aug 19, 2019 · 2 revisions

When talking about javascript, we mean the ES6+ standard. Feature list. If no prerequisites are mentioned, there are simply no prerequisites :) .

1) Introduction

Basic information

  • Workshop length: ~1-2h

Prerequisites

  • Git basics
  • Knowledge of any programming language

What will be covered?

  • What is Scrum? How can we use it and what is good about it
  • A simple example of Scrum. Practising planning poker
  • Scrum sprints. How we estimate them. Discussion about best practices
  • Git flow introduction. A simple example of usage within the scrum sprint
  • Feature, release and hotfix branches within the git flow system
  • Introduction to bootstrap CSS reference and concept of Angular

Resources

2) Scrum and git-flow like branching, Angular basics (Hands-on)

Basic information

  • Workshop length: ~2h

Prerequisites

  • Base knowledge of the Scrum (stories, release, sprinting, planning poker)
  • Git flow theory based on the previous workshop
  • Angular architecture basics

What will be covered?

  • Concept of Agile
  • What are epics in agile and why we need them?
  • Stand-Ups
  • The practice of planning poker and sprint planning on the real project
  • Using git flow for the real user stories
  • Building first angular components and sticking them together

Resources

3) Writing Angular components with wires to the REST API

Not yet defined but planned

  • Introducing Docker (Where "It works on my computer" ends)
  • Hands-on bootstrap 3 (http://getbootstrap.com/)
  • What is Flexbox ?
  • Using Swagger
  • Javascript introduction (ES6)
  • Javascript tips and tricks
  • Typescript introduction (built on the Javascript introduction)
  • Deep dive into the Sass

x) Working with Gulp

Prerequisites

  • Installed Nodejs > 5.6.0
  • Basics of Javascript (Typescript is welcome)

What will be covered?

  • Theory
    • What is gulp and why we need it?
    • What are the pipes?
    • Diving into gulp tasks
    • Standard gulp methods (source, destination, watch)
  • Hands-on
    • Building a Typescript, Sass project with vendor libraries
    • Watching for changes in the project
    • Distributing the minimal project (generating dist folder)

x) Agile

What will be covered?

  • What is Agile development?
  • What is Scrum?

Resources

x) Material design introduction

What will be covered?

  • What is material design?
  • MD surface
  • Content and animation
  • Icons and colours
  • Universal UI design

Resources

Emmet https://designshack.net/articles/css/7-awesome-emmet-html-time-saving-tips/ http://www.sitepoint.com/faster-workflow-mastering-emmet-part-3/ Cheat-sheet Syntax

Clone this wiki locally