| 22 |      1 | \documentclass[dvipsnames,14pt,t,xelatex]{beamer}
 | 
|  |      2 | \usepackage{../slides}
 | 
| 32 |      3 | \usepackage{../graphics}
 | 
| 22 |      4 | \usepackage{../langs}
 | 
|  |      5 | %\usepackage{../data}
 | 
|  |      6 | 
 | 
|  |      7 | \hfuzz=220pt 
 | 
|  |      8 | 
 | 
|  |      9 | %\setmonofont[Scale=.88]{Consolas}
 | 
|  |     10 | %\newfontfamily{\consolas}{Consolas}
 | 
|  |     11 | 
 | 
|  |     12 | \lstset{language=Scala,
 | 
|  |     13 |         style=mystyle,
 | 
|  |     14 |         numbersep=0pt,
 | 
|  |     15 |         numbers=none,
 | 
|  |     16 |         xleftmargin=0mm}
 | 
|  |     17 | 
 | 
|  |     18 | \newcommand{\bl}[1]{\textcolor{blue}{#1}}     
 | 
|  |     19 | 
 | 
|  |     20 | % beamer stuff 
 | 
| 195 |     21 | \renewcommand{\slidecaption}{PEP (Scala) \liningnums{01}, King's College London}
 | 
| 22 |     22 | 
 | 
|  |     23 | 
 | 
|  |     24 | \begin{document}
 | 
|  |     25 | 
 | 
|  |     26 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     27 | \begin{frame}[t]
 | 
|  |     28 | \frametitle{%
 | 
|  |     29 |   \begin{tabular}{@ {}c@ {}}
 | 
|  |     30 |   \\[5mm]
 | 
| 195 |     31 |   \huge PEP Scala (\liningnums{1}) 
 | 
| 22 |     32 |   \end{tabular}}
 | 
|  |     33 | 
 | 
|  |     34 |   \normalsize
 | 
|  |     35 |   \begin{center}
 | 
|  |     36 |   \begin{tabular}{ll}
 | 
| 137 |     37 |     Email:  & christian.urban at kcl.ac.uk\\
 | 
| 195 |     38 |     Office: & N\liningnums{7.07} (North Wing, Bush House)\\
 | 
| 137 |     39 |     Slides \& Code: & KEATS\medskip\\
 | 
|  |     40 |     Scala Office & \\
 | 
| 195 |     41 |     Hours: &  Mondays 12:00 -- 14:00\\
 | 
| 22 |     42 |   \end{tabular}
 | 
|  |     43 |   \end{center}
 | 
|  |     44 | 
 | 
| 195 |     45 |   \tiny
 | 
|  |     46 |   developed since 2004 bvy Martin Odersky
 | 
|  |     47 |   picture about assignments
 | 
| 22 |     48 | 
 | 
|  |     49 | \end{frame}
 | 
|  |     50 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |     51 | 
 | 
|  |     52 | 
 | 
|  |     53 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     54 | \begin{frame}[c]
 | 
|  |     55 | \frametitle{Why Scala?}
 | 
|  |     56 | 
 | 
| 23 |     57 | \begin{textblock}{6}(3,4)
 | 
| 22 |     58 | \begin{tabular}{l}
 | 
|  |     59 | \mbox{}\hspace{-1mm}\includegraphics[scale=0.36]{../pics/twitter.png}\\[-1mm]
 | 
|  |     60 | \includegraphics[scale=0.30]{../pics/linked.png}\\
 | 
| 141 |     61 | \includegraphics[scale=0.30]{../pics/guardian.jpg}\\[-3mm]
 | 
| 22 |     62 | \mbox{}\hspace{-2mm}\includegraphics[scale=0.38]{../pics/morgan.png}\\[-3mm]
 | 
|  |     63 | \includegraphics[scale=0.30]{../pics/suisse.png}\\
 | 
| 23 |     64 | {\large\bf ...}
 | 
|  |     65 | \end{tabular}
 | 
|  |     66 | \end{textblock}
 | 
|  |     67 | 
 | 
|  |     68 | \begin{textblock}{6}(9,4)
 | 
|  |     69 | \begin{tabular}{l}
 | 
| 22 |     70 | \includegraphics[scale=0.20]{../pics/edf.png}\\[-1mm]
 | 
|  |     71 | \includegraphics[scale=0.08]{../pics/novell.png}\\[-1mm]
 | 
|  |     72 | \includegraphics[scale=0.30]{../pics/foursquare.png}\\
 | 
|  |     73 | \includegraphics[scale=0.30]{../pics/hsbc.png}\\
 | 
|  |     74 | {\large\bf ...}
 | 
|  |     75 | \end{tabular}
 | 
|  |     76 | \end{textblock}
 | 
|  |     77 | 
 | 
|  |     78 | \end{frame}
 | 
|  |     79 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |     80 | 
 | 
| 174 |     81 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     82 | \begin{frame}[c]
 | 
|  |     83 | \frametitle{Why Scala?}
 | 
|  |     84 | 
 | 
|  |     85 | In the last few years there is  a ``Cambrian explosion'' of
 | 
|  |     86 | languages from both academia and industry.
 | 
|  |     87 | 
 | 
|  |     88 | It is essential for students to have skills to pick up new languages
 | 
|  |     89 | quickly.
 | 
|  |     90 | 
 | 
|  |     91 | \end{frame}
 | 
|  |     92 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |     93 | 
 | 
| 23 |     94 | 
 | 
|  |     95 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |     96 | \begin{frame}[c]
 | 
|  |     97 | \frametitle{Why Scala?}
 | 
|  |     98 | 
 | 
|  |     99 | \begin{itemize}
 | 
| 34 |    100 | \item compiles to the JVM\\
 | 
|  |    101 |   \textcolor{gray}{(also JavaScript, native X86 in the works)}\medskip
 | 
| 32 |    102 | \item integrates seamlessly with Java\medskip
 | 
| 33 |    103 | \item combines \underline{\bf functional} and {\bf object-oriented} programming\bigskip
 | 
| 34 |    104 | \item it is a bit on the ``mathematical'' side\\
 | 
|  |    105 |   \textcolor{gray}{(no pointers, no \texttt{null})}
 | 
|  |    106 |   
 | 
| 33 |    107 | \item often one can write very concise and elegant code
 | 
|  |    108 | \end{itemize}\bigskip\medskip  
 | 
|  |    109 | 
 | 
|  |    110 | \small
 | 
| 137 |    111 | alternatives:\\
 | 
| 140 |    112 | Elm, Haskell, Ocaml, F$\sharp$, Erlang, ML, Lisp (Racket), \ldots
 | 
| 23 |    113 | 
 | 
|  |    114 | \end{frame}
 | 
| 22 |    115 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
| 23 |    116 | 
 | 
|  |    117 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    118 | \begin{frame}[c]
 | 
| 32 |    119 | \frametitle{Java vs Scala}
 | 
|  |    120 | 
 | 
|  |    121 | {\lstset{language=java}\fontsize{12}{12}\selectfont
 | 
|  |    122 | \texttt{\lstinputlisting{Point.java}}}
 | 
|  |    123 | 
 | 
| 33 |    124 | \rule{11cm}{0.3mm}\\[-2mm]
 | 
|  |    125 | 
 | 
| 32 |    126 | {\lstset{language=scala}\fontsize{12}{12}\selectfont
 | 
|  |    127 | \texttt{\lstinputlisting{Point.scala}}}
 | 
|  |    128 | 
 | 
|  |    129 | \begin{textblock}{6}(13,3)
 | 
|  |    130 | \textbf{\large Java}
 | 
| 33 |    131 | \end{textblock}
 | 
|  |    132 | 
 | 
|  |    133 | \begin{textblock}{6}(13,13.4)
 | 
| 32 |    134 | \textbf{\large Scala}
 | 
|  |    135 | \end{textblock}  
 | 
|  |    136 | 
 | 
|  |    137 | \end{frame}
 | 
|  |    138 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    139 | 
 | 
| 33 |    140 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    141 | \begin{frame}[c]
 | 
| 174 |    142 | \frametitle{Scala (imperative) vs Scala (functional)}
 | 
|  |    143 | 
 | 
|  |    144 | Reham's example
 | 
|  |    145 | 
 | 
|  |    146 | 
 | 
|  |    147 | \end{frame}
 | 
|  |    148 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    149 | 
 | 
|  |    150 | 
 | 
|  |    151 | 
 | 
|  |    152 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    153 | \begin{frame}[c]
 | 
| 137 |    154 | \frametitle{First Steps: Scala Tools}
 | 
| 32 |    155 | 
 | 
| 33 |    156 | \begin{itemize}
 | 
|  |    157 | \item there is a plugin for Eclipse (called Scala IDE)\medskip
 | 
| 137 |    158 | \item there is also a plugin for IntelliJ\medskip
 | 
|  |    159 | \item there is a worksheet mode in Eclipse and IntelliJ\bigskip
 | 
|  |    160 | \item I use Sublime or venerable Emacs ;o)
 | 
| 33 |    161 | \end{itemize}  
 | 
|  |    162 | 
 | 
|  |    163 | \end{frame}
 | 
| 137 |    164 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    165 | 
 | 
|  |    166 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    167 | \begin{frame}[c]
 | 
|  |    168 |   \frametitle{\bf
 | 
|  |    169 |   \only<1>{\begin{tabular}{l}\\[2mm]Why Scala?\\ \mbox{}\end{tabular}}
 | 
|  |    170 |   \only<2->{\begin{tabular}{l}\\[2mm]Why Functional\\ Programming?\end{tabular}}
 | 
|  |    171 | }
 | 
|  |    172 | 
 | 
|  |    173 | 
 | 
|  |    174 |   %
 | 
|  |    175 |   \mbox{}\\[3.5cm]
 | 
|  |    176 |   \small
 | 
| 140 |    177 | Scala, Elm, Haskell, Ocaml, F$\sharp$, Erlang, ML, Lisp (Racket), \ldots 
 | 
| 137 |    178 | 
 | 
|  |    179 | \only<3>{
 | 
|  |    180 | \begin{textblock}{6}(2,6.2)
 | 
|  |    181 | \begin{bubble}[10cm]
 | 
|  |    182 | \normalsize``If you want to see which features will be in mainstream programming
 | 
|  |    183 |   languages tomorrow, then take a look at functional programming
 | 
|  |    184 |   languages today.''\medskip\small\\
 | 
|  |    185 |   \hfill{}---Simon Peyton Jones (works at Microsoft)\\
 | 
|  |    186 |   \hfill{}main developer of the Glasgow Haskell Compiler
 | 
|  |    187 | \end{bubble}
 | 
|  |    188 | \end{textblock}}
 | 
|  |    189 | 
 | 
|  |    190 | \end{frame}
 | 
|  |    191 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 
 | 
|  |    192 | 
 | 
|  |    193 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 
 | 
|  |    194 | \begin{frame}[c]
 | 
|  |    195 | \mbox{}\\[-21mm]\mbox{}  
 | 
|  |    196 | 
 | 
|  |    197 | \begin{center}
 | 
|  |    198 |   \begin{tikzpicture}[scale=1,
 | 
|  |    199 |                       node/.style={
 | 
|  |    200 |                       rectangle,rounded corners=3mm,
 | 
|  |    201 |                       very thick,draw=black!50,
 | 
|  |    202 |                       minimum height=18mm, minimum width=20mm,
 | 
|  |    203 |                       top color=white,bottom color=black!20}]
 | 
|  |    204 | 
 | 
|  |    205 |   \onslide<1-10>{                
 | 
|  |    206 |   \node (A) at (0,0) [node]
 | 
|  |    207 |      {\mbox{\includegraphics[scale=0.15]{../pics/cplus2.jpg}}};
 | 
|  |    208 |   \node [above right] at (A.north west) {1986};}
 | 
|  |    209 | 
 | 
|  |    210 |   \onslide<2->{
 | 
|  |    211 |   \node (B) at (3.5,0) [node]
 | 
|  |    212 |      {\mbox{\includegraphics[scale=0.15]{../pics/robotron.jpg}}};
 | 
|  |    213 |   \node [above right] at (B.north west) {1988, C};
 | 
|  |    214 |   \draw [->,line width=4mm] (A) -- (B);}
 | 
|  |    215 | 
 | 
|  |    216 |   \onslide<3->{
 | 
|  |    217 |   \node (C0) at (6.3,0) {};
 | 
|  |    218 |   \node (C) at (8,0)  [node]
 | 
|  |    219 |      {\mbox{\includegraphics[scale=0.15]{../pics/sun.jpg}}};
 | 
|  |    220 |   \node [above right] at (C.north west) {1992, {\small Linux}};
 | 
|  |    221 |   \draw [->,line width=4mm] (B) -- (C0);
 | 
|  |    222 |   \draw [->,line width=4mm] (C0) -- (C);}
 | 
|  |    223 | 
 | 
|  |    224 |   \onslide<4->{
 | 
|  |    225 |   \node (D) at (8,-3.3)  [node]
 | 
|  |    226 |      {\mbox{\includegraphics[scale=0.2]{../pics/gateway.jpg}}};
 | 
|  |    227 |   \draw [->,line width=4mm] (C) -- (D);
 | 
|  |    228 |   \node [below right] at (D.south west) {1996};}
 | 
|  |    229 | 
 | 
|  |    230 |   \onslide<5->{
 | 
|  |    231 |   \node (E) at (4,-3.3)  [node]
 | 
|  |    232 |      {\mbox{\includegraphics[scale=0.1]{../pics/appleg4.jpg}}};
 | 
|  |    233 |   \draw [->,line width=4mm] (D) -- (E);
 | 
|  |    234 |   \node [above right] at (E.north west) {2000};}   
 | 
|  |    235 | 
 | 
|  |    236 |   \onslide<6->{
 | 
|  |    237 |   \node (F0) at (1.5,-3.3) {};
 | 
|  |    238 |   \node (F1) at (1,-3.3) {};
 | 
|  |    239 |   \node (F) at (-0.9,-3.3)  [node]
 | 
|  |    240 |      {\mbox{\includegraphics[scale=0.3]{../pics/appleair.png}}};
 | 
|  |    241 |   \draw [->,line width=4mm] (E) -- (F0);
 | 
|  |    242 |   \draw [->,line width=4mm] (F1) -- (F);   
 | 
|  |    243 |   \node [above right] at (F.north west) {2012?};}   
 | 
|  |    244 | 
 | 
|  |    245 |   \onslide<7->{
 | 
|  |    246 |   \node (G) at (-0.9,-6.3)  [node]
 | 
|  |    247 |      {\mbox{\includegraphics[scale=0.02]{../pics/applepro.jpg}}};
 | 
|  |    248 |   \draw [->,line width=4mm] (F) -- (G);
 | 
|  |    249 |   \node [right] at (G.west) {\hspace{22mm}2017};}   
 | 
|  |    250 |   
 | 
|  |    251 |   \end{tikzpicture}
 | 
|  |    252 |   \end{center}
 | 
|  |    253 | 
 | 
|  |    254 | 
 | 
|  |    255 |   \only<1>{%  
 | 
|  |    256 |     \begin{textblock}{10}(2.5,5)  
 | 
|  |    257 |       \includegraphics[scale=0.26]{../pics/cplus1.jpg}\\
 | 
|  |    258 |       \footnotesize 64K RAM, no HD, no monitor, lots of cables
 | 
|  |    259 |     \end{textblock}
 | 
|  |    260 |     \begin{textblock}{6}(10.9,4.5)  
 | 
|  |    261 |       \includegraphics[scale=0.09]{../pics/mand1.png}
 | 
|  |    262 |       \includegraphics[scale=0.09]{../pics/mand2.png}
 | 
|  |    263 |     \end{textblock}
 | 
|  |    264 |     \begin{textblock}{6}(10.8,2.2)  
 | 
|  |    265 |     \huge\bf 3 days
 | 
|  |    266 |     \end{textblock}
 | 
|  |    267 |   }
 | 
|  |    268 |   \only<8->{%
 | 
|  |    269 |   \begin{textblock}{8}(5.8,11.6)  
 | 
|  |    270 |     \large\bf
 | 
|  |    271 |     \begin{tabular}{l@{}l}
 | 
|  |    272 |       1986:\, & no Internet\\
 | 
|  |    273 |             & no Amazon\\
 | 
|  |    274 |             & no FB, no mobiles,\ldots\\ 
 | 
|  |    275 |     \end{tabular}         
 | 
|  |    276 |     \end{textblock}
 | 
|  |    277 |   }
 | 
|  |    278 |   \only<9>{
 | 
|  |    279 |   \begin{textblock}{1}(3,3)
 | 
|  |    280 |     \begin{bubble}[9cm]  
 | 
|  |    281 |       \begin{tabular}{@{\hspace{8mm}}llll@{\hspace{8mm}}}
 | 
|  |    282 |         \\
 | 
|  |    283 |       \multicolumn{4}{c}{\bf Speedup by Moore's Law}\medskip\\
 | 
|  |    284 |       \textbf{1986:} & 3 days    & \textbf{1996:} & 135 mins\\
 | 
|  |    285 |       \textbf{1988:} & 1.5 days  & \textbf{1998:} & 67 mins\\
 | 
|  |    286 |       \textbf{1990:} & 18 hs     & \textbf{2000:} & 33 mins\\
 | 
|  |    287 |       \textbf{1992:} & 9 hs      & \textbf{2002:} & 16 mins\\
 | 
|  |    288 |       \textbf{1994:} & 4.5 hs    & \multicolumn{2}{c}{???}\\                    
 | 
|  |    289 |       \\
 | 
|  |    290 |       \end{tabular}
 | 
|  |    291 |       \small Every two years, computers got twice as powerful.
 | 
|  |    292 |   \end{bubble}
 | 
|  |    293 |   \end{textblock}}
 | 
|  |    294 | 
 | 
|  |    295 | \end{frame}
 | 
|  |    296 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    297 | 
 | 
|  |    298 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    299 | \begin{frame}[c]
 | 
|  |    300 | \frametitle{Seq vs Par}
 | 
|  |    301 | 
 | 
|  |    302 | \begin{center}
 | 
|  |    303 |   \begin{tabular}[t]{@{}l@{}l@{}}
 | 
|  |    304 |     \includegraphics[scale=0.14]{../pics/mand4.png} &
 | 
|  |    305 |     \raisebox{1.2mm}{\includegraphics[scale=0.14]{../pics/mand3.png}}      
 | 
|  |    306 |   \end{tabular}     
 | 
|  |    307 | \end{center}  
 | 
|  |    308 | 
 | 
|  |    309 | \only<2>{
 | 
|  |    310 |   \begin{textblock}{5}(12,2)
 | 
|  |    311 |     \begin{bubble}[2.1cm]
 | 
|  |    312 |       \footnotesize{}in Java or C++\\
 | 
|  |    313 |       \includegraphics[scale=0.50]{../pics/skeleton.jpg}\\
 | 
|  |    314 |     \end{bubble}  
 | 
|  |    315 |   \end{textblock}}
 | 
|  |    316 | 
 | 
|  |    317 | \only<3>{
 | 
| 140 |    318 |   \begin{textblock}{14.2}(1,12.3)
 | 
|  |    319 |     In FP: Once a variable is created, it is assigned a value and then
 | 
|  |    320 |     never changed again $\Rightarrow$ no synchronisation\smallskip\\
 | 
|  |    321 |     \small\textcolor{gray}{(Andrew's second favourite feature of C++)}
 | 
| 137 |    322 |   \end{textblock}}
 | 
|  |    323 | 
 | 
|  |    324 | \end{frame}
 | 
|  |    325 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
 | 
|  |    326 | 
 | 
|  |    327 | 
 | 
|  |    328 | 
 | 
| 32 |    329 | 
 | 
|  |    330 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    331 | \begin{frame}[c]
 | 
| 23 |    332 | \frametitle{Types}
 | 
|  |    333 | 
 | 
|  |    334 | \begin{itemize}
 | 
| 33 |    335 | \item Base types\smallskip
 | 
| 23 |    336 | 
 | 
| 33 |    337 |   \begin{tabular}{@{}l@{}}
 | 
| 23 |    338 |     \textcolor{codegreen}{\texttt{Int}},
 | 
|  |    339 |     \textcolor{codegreen}{\texttt{Long}},
 | 
|  |    340 |     \textcolor{codegreen}{\texttt{BigInt}},
 | 
|  |    341 |     \textcolor{codegreen}{\texttt{Float}},
 | 
|  |    342 |     \textcolor{codegreen}{\texttt{Double}}\\
 | 
|  |    343 |     \textcolor{codegreen}{\texttt{String}},
 | 
| 25 |    344 |     \textcolor{codegreen}{\texttt{Char}}\\
 | 
|  |    345 |     \textcolor{codegreen}{\texttt{Boolean}}
 | 
| 23 |    346 |   \end{tabular}
 | 
|  |    347 | 
 | 
| 33 |    348 | \item Compound types \smallskip   
 | 
| 23 |    349 | 
 | 
| 33 |    350 |   \begin{tabular}{@{}ll@{}}
 | 
| 23 |    351 |     \textcolor{codegreen}{\texttt{List[Int]}}     & lists of Int's \\
 | 
|  |    352 |     \textcolor{codegreen}{\texttt{Set[Double]}}   & sets of Double's \\
 | 
|  |    353 |     \textcolor{codegreen}{\texttt{(Int, String)}} & Int-String pair\\
 | 
|  |    354 |     \textcolor{codegreen}{\texttt{List[(BigInt, String)]}} &
 | 
|  |    355 |                                       lists of BigInt-String\\
 | 
|  |    356 |                                       & pairs\\
 | 
| 26 |    357 |     \textcolor{codegreen}{\texttt{List[List[Int]]}} & list of lists of Int's\\                                  
 | 
| 23 |    358 |   \end{tabular}
 | 
|  |    359 | 
 | 
|  |    360 | \end{itemize}  
 | 
|  |    361 | 
 | 
|  |    362 | \end{frame}
 | 
|  |    363 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    364 | 
 | 
| 32 |    365 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    366 | \begin{frame}[c]
 | 
|  |    367 | \frametitle{An Http Request}
 | 
|  |    368 |   
 | 
|  |    369 | \begin{textblock}{1}(2,5)
 | 
|  |    370 | \begin{tabular}{c}
 | 
|  |    371 | \includegraphics[scale=0.15]{../pics/servers.png}\\[-2mm]
 | 
|  |    372 | \small Server
 | 
|  |    373 | \end{tabular}
 | 
|  |    374 | \end{textblock}
 | 
|  |    375 | 
 | 
|  |    376 | \begin{textblock}{1}(5.6,4)
 | 
|  |    377 |   \begin{tikzpicture}[scale=1.1]
 | 
|  |    378 |   \draw[white] (0,1) node (X) {};
 | 
|  |    379 |   \draw[white] (2,1) node (Y) {};
 | 
|  |    380 |    \draw[white] (0,0) node (X1) {};
 | 
|  |    381 |   \draw[white] (2,0) node (Y1) {};
 | 
|  |    382 |    \draw[white] (0,-1) node (X2) {};
 | 
|  |    383 |   \draw[white] (2,-1) node (Y2) {};
 | 
|  |    384 |   \draw[red, <-, line width = 2mm] (X) -- (Y);
 | 
|  |    385 |   \node [inner sep=5pt,label=above:\textcolor{black}{GET request}] at ($ (X)!.5!(Y) $) {};
 | 
|  |    386 |   \draw[red, ->, line width = 2mm] (X1) -- (Y1);
 | 
|  |    387 |   \node [inner sep=5pt,label=above:\textcolor{black}{webpage}] at ($ (X1)!.5!(Y1) $) {};
 | 
|  |    388 |   \draw[red, <-, line width = 2mm] (X2) -- (Y2);
 | 
|  |    389 |   \node [inner sep=7pt,label=above:\textcolor{black}{POST data}] at ($ (X2)!.5!(Y2) $) {};
 | 
|  |    390 |   \end{tikzpicture}
 | 
|  |    391 | \end{textblock}
 | 
|  |    392 | 
 | 
|  |    393 | 
 | 
|  |    394 | \begin{textblock}{1}(9,5.5)
 | 
|  |    395 | \begin{tabular}{c}
 | 
|  |    396 | \includegraphics[scale=0.15]{../pics/laptop.png}\\[-2mm]
 | 
|  |    397 | \small Browser
 | 
|  |    398 | \end{tabular}
 | 
|  |    399 | \end{textblock}
 | 
|  |    400 | \end{frame}
 | 
|  |    401 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    402 | 
 | 
|  |    403 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    404 | \begin{frame}[c]
 | 
|  |    405 | 
 | 
|  |    406 | {\lstset{language=Java}\fontsize{7}{8}\selectfont
 | 
|  |    407 | \texttt{\lstinputlisting{URLReader.java}}}
 | 
|  |    408 | 
 | 
|  |    409 | \end{frame}
 | 
|  |    410 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    411 | 
 | 
| 33 |    412 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    413 | \begin{frame}[c]
 | 
| 140 |    414 | \frametitle{Coursework}
 | 
|  |    415 | 
 | 
|  |    416 | \begin{itemize}
 | 
|  |    417 | \item sorry, I might have been a bit wordy:\\
 | 
|  |    418 |   CW description is 7 pages, but
 | 
| 142 |    419 |   I only needed \mbox{< 150} loc for all the CW\bigskip
 | 
| 140 |    420 | 
 | 
|  |    421 | \item there is email feedback when pushing code to github\bigskip
 | 
|  |    422 | 
 | 
|  |    423 | \item we want you to learn FP: \alert{no vars}, no mutable
 | 
|  |    424 |   datastructures, e.g.~\texttt{ListBuffer}
 | 
|  |    425 | \end{itemize}
 | 
|  |    426 | \end{frame}
 | 
|  |    427 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    428 | 
 | 
|  |    429 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |    430 | 
 | 
|  |    431 | \begin{frame}[c, fragile]
 | 
|  |    432 | \frametitle{The Joy of Immutability}
 | 
|  |    433 | 
 | 
|  |    434 | \begin{itemize}
 | 
|  |    435 | \item If you need to manipulate some data in a list say, then you make
 | 
|  |    436 |   a new list with the updated values, rather than revise the original
 | 
|  |    437 |   list. Easy!\medskip
 | 
|  |    438 | 
 | 
|  |    439 |   {\small
 | 
|  |    440 |   \begin{lstlisting}[language=Scala, numbers=none, xleftmargin=-1mm]
 | 
|  |    441 |     val old_list = List(1, 2, 3, 5)
 | 
|  |    442 |     val new_list = 0 :: old_list
 | 
|  |    443 |   \end{lstlisting}}  
 | 
|  |    444 |   
 | 
|  |    445 | \item You do not have to be defensive about who can access the data
 | 
|  |    446 |   (concurrency, lazyness).
 | 
|  |    447 | \end{itemize}  
 | 
|  |    448 | \end{frame}
 | 
|  |    449 | 
 | 
|  |    450 | 
 | 
|  |    451 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    452 | 
 | 
|  |    453 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    454 | \begin{frame}[t]
 | 
|  |    455 | \frametitle{Email: Hate 'val'}
 | 
|  |    456 | 
 | 
|  |    457 | \mbox{}\\[-25mm]\mbox{}
 | 
|  |    458 | 
 | 
|  |    459 | \begin{center}
 | 
|  |    460 |   \begin{bubble}[10.5cm]
 | 
|  |    461 |   Subject: \textbf{Hate '\textbf{\texttt{val}}'}\hfill 01:00 AM\medskip\\
 | 
|  |    462 | 
 | 
|  |    463 |   Hello Mr Urban,\medskip\\
 | 
|  |    464 | 
 | 
|  |    465 |   I just wanted to ask, how are we suppose to work
 | 
|  |    466 |   with the completely useless \textbf{\texttt{val}}, that can’t be changed ever? Why is
 | 
|  |    467 |   this rule active at all? I’ve spent 4 hours not thinking on the
 | 
|  |    468 |   coursework, but how to bypass this annoying rule. What’s the whole
 | 
|  |    469 |   point of all these coursework, when we can’t use everything Scala
 | 
|  |    470 |   gives us?!?\medskip\\
 | 
|  |    471 | 
 | 
|  |    472 |   Regards.\\
 | 
|  |    473 |   \mbox{}\hspace{5mm}\textcolor{black!50}{<<deleted>>}\\
 | 
|  |    474 |   \end{bubble}
 | 
|  |    475 | \end{center}
 | 
|  |    476 | 
 | 
|  |    477 | \end{frame}
 | 
|  |    478 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |    479 | 
 | 
|  |    480 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    481 | \begin{frame}[c]
 | 
|  |    482 | 
 | 
|  |    483 | \mbox{}\\[-25mm]\mbox{}
 | 
|  |    484 | 
 | 
|  |    485 | \begin{center}
 | 
|  |    486 |   \begin{bubble}[10.5cm]
 | 
|  |    487 |   Subject: \textbf{Re: Hate '\textbf{\texttt{val}}'}\hfill 01:02 AM\bigskip\bigskip\\
 | 
|  |    488 | 
 | 
|  |    489 |   \textcolor{black!70}{
 | 
|  |    490 |     \textit{\large<<my usual rant about fp\ldots\\ concurrency bla bla\ldots{} better programs
 | 
|  |    491 |     yada>>}}\bigskip\bigskip\bigskip
 | 
|  |    492 |   
 | 
|  |    493 |   PS: What are you trying to do where you desperately want to use \texttt{var}?
 | 
|  |    494 |   \end{bubble}
 | 
|  |    495 | \end{center}
 | 
|  |    496 | 
 | 
|  |    497 | \end{frame}
 | 
|  |    498 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |    499 | 
 | 
|  |    500 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    501 | \begin{frame}[c,fragile]
 | 
|  |    502 | 
 | 
|  |    503 | \begin{textblock}{6}(0.5,0.5)
 | 
|  |    504 | \begin{bubble}[11.5cm]
 | 
|  |    505 |   \small  
 | 
|  |    506 |   Subject: \textbf{Re: Re: Hate '\textbf{\texttt{val}}'}\hfill 01:04 AM\medskip\\
 | 
|  |    507 | 
 | 
|  |    508 |   \textbf{Right now my is\_legal function works fine:}
 | 
|  |    509 |   
 | 
|  |    510 | \footnotesize\begin{lstlisting}[language=Scala, numbers=none, xleftmargin=-1mm]
 | 
|  |    511 |  def is_legal(dim: Int, path: Path)(x: Pos): Boolean = {
 | 
|  |    512 |    var boolReturn = false
 | 
|  |    513 |    if(x._1 > dim || x._2 > dim || x._1 < 0 || x._2 < 0) {
 | 
|  |    514 |    else { var breakLoop = false
 | 
|  |    515 |           if(path == Nil) { boolReturn = true }
 | 
|  |    516 |           else { for(i <- 0 until path.length) {
 | 
|  |    517 |                     if(breakLoop == false) {
 | 
|  |    518 |                       if(path(i) == x) {
 | 
|  |    519 |                         boolReturn = true
 | 
|  |    520 |                         breakLoop = true
 | 
|  |    521 |                       }
 | 
|  |    522 |                       else { boolReturn = false }
 | 
|  |    523 |                     } else breakLoop
 | 
|  |    524 |             }
 | 
|  |    525 |           }
 | 
|  |    526 |           boolReturn
 | 
|  |    527 |    }
 | 
|  |    528 | \end{lstlisting}
 | 
|  |    529 | \end{bubble}
 | 
|  |    530 | \end{textblock}
 | 
|  |    531 | 
 | 
|  |    532 | \begin{textblock}{6}(8.2,11.8)
 | 
|  |    533 | \begin{bubble}[5.5cm]\footnotesize\bf
 | 
|  |    534 | \ldots{}but I can’t make it work with boolReturn being val. What approach would
 | 
|  |    535 | you recommend in this case, and is using var in this case justified?
 | 
|  |    536 | \end{bubble}
 | 
|  |    537 | \end{textblock}
 | 
|  |    538 | 
 | 
|  |    539 | \only<2>{
 | 
|  |    540 | \begin{textblock}{6}(0.3,11.8)
 | 
|  |    541 |   \begin{bubble}[3.1cm]
 | 
|  |    542 |     \textbf{Me:}
 | 
|  |    543 |     \raisebox{-12mm}{\includegraphics[scale=0.08]{../pics/throwup.jpg}}
 | 
|  |    544 |   \end{bubble}
 | 
|  |    545 | \end{textblock}}
 | 
|  |    546 | 
 | 
|  |    547 | \end{frame}
 | 
|  |    548 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 
 | 
|  |    549 | 
 | 
|  |    550 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    551 | \begin{frame}[t,fragile]
 | 
|  |    552 | 
 | 
|  |    553 | \mbox{}\\[-25mm]\mbox{}
 | 
|  |    554 | 
 | 
|  |    555 | \begin{textblock}{6}(0.5,2)
 | 
|  |    556 |   \begin{bubble}[11.5cm]
 | 
|  |    557 |   Subject: \textbf{Re: Re: Re: Hate '\textbf{\texttt{val}}'}\hfill 01:06 AM\bigskip\\
 | 
|  |    558 |   \small
 | 
|  |    559 |   
 | 
|  |    560 |   OK. So you want to make sure that the \texttt{x}-position is not outside the
 | 
|  |    561 |   board....and furthermore you want to make sure that the \texttt{x}-position
 | 
|  |    562 |   is not yet in the path list. How about something like\bigskip
 | 
|  |    563 | 
 | 
|  |    564 | \footnotesize\begin{lstlisting}[language=Scala, numbers=none, xleftmargin=-1mm]
 | 
|  |    565 |  def is_legal(dim: Int, path: Path)(x: Pos): Boolean = 
 | 
|  |    566 |    ...<<some board conditions>>... && !path.contains(x)
 | 
|  |    567 | \end{lstlisting}\bigskip
 | 
|  |    568 |   
 | 
|  |    569 |   \small Does not even contain a \texttt{val}.
 | 
|  |    570 |   \end{bubble}
 | 
|  |    571 | \end{textblock}
 | 
|  |    572 | 
 | 
|  |    573 | \begin{textblock}{6}(7,12)
 | 
|  |    574 | \footnotesize\textcolor{black!50}{(This is all on one line)}
 | 
|  |    575 | \end{textblock}
 | 
|  |    576 | 
 | 
|  |    577 | \end{frame}
 | 
|  |    578 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%     
 | 
|  |    579 | 
 | 
|  |    580 | 
 | 
|  |    581 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    582 | \begin{frame}[t,fragile]
 | 
|  |    583 | 
 | 
|  |    584 | \mbox{}\\[-15mm]\mbox{}
 | 
|  |    585 | 
 | 
|  |    586 | \begin{textblock}{6}(1,3)
 | 
|  |    587 |   \begin{bubble}[10.5cm]
 | 
|  |    588 |     Subject: \textbf{Re: Re: Re: Re: Hate '\textbf{\texttt{val}}'}\hfill 11:02 AM\bigskip\bigskip\\
 | 
|  |    589 |     
 | 
|  |    590 |     THANK YOU! You made me change my coding perspective. Because of you,
 | 
|  |    591 |     I figured out the next one\ldots
 | 
|  |    592 |   \end{bubble}
 | 
|  |    593 | \end{textblock}
 | 
|  |    594 | 
 | 
|  |    595 | \only<2>{
 | 
|  |    596 | \begin{textblock}{6}(0.3,11.8)
 | 
|  |    597 |   \begin{bubble}[3.1cm]
 | 
|  |    598 |     \textbf{Me:}
 | 
|  |    599 |     \raisebox{-12mm}{\includegraphics[scale=0.15]{../pics/happy.jpg}}
 | 
|  |    600 |   \end{bubble}
 | 
|  |    601 | \end{textblock}}
 | 
|  |    602 | 
 | 
|  |    603 | \end{frame}
 | 
|  |    604 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 
 | 
|  |    605 | 
 | 
|  |    606 | 
 | 
|  |    607 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    608 | \begin{frame}[c]
 | 
| 33 |    609 | \frametitle{Conclusion}
 | 
|  |    610 | 
 | 
|  |    611 | \begin{itemize}
 | 
|  |    612 | \item Scala is still under heavy development\\ (the compiler is terribly slow)\medskip
 | 
|  |    613 | \item {\bf\url{http://www.scala-lang.org/}}\bigskip
 | 
| 140 |    614 |   
 | 
|  |    615 | \item it is a rather \textbf{\alert{deep}} language\ldots i.e.~gives
 | 
|  |    616 |   you a lot of rope to shoot yourself\bigskip
 | 
| 33 |    617 | 
 | 
| 140 |    618 | \item learning functional programming is not easy\ldots{}when you have
 | 
|  |    619 |   spent all of your career thinking in a procedural way it is hard to
 | 
|  |    620 |   change\bigskip\medskip
 | 
|  |    621 |   
 | 
| 33 |    622 | \item hope you have fun with the coursework  
 | 
|  |    623 | \end{itemize}
 | 
|  |    624 | \end{frame}
 | 
|  |    625 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    626 | 
 | 
|  |    627 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 | 
|  |    628 | \begin{frame}[c]
 | 
| 140 |    629 | \frametitle{\begin{tabular}{c}\\[0cm]\alert{Questions?}\end{tabular}}
 | 
| 33 |    630 | 
 | 
| 140 |    631 | \begin{center}
 | 
|  |    632 |   \begin{tabular}[t]{@{}l@{}l@{}}
 | 
|  |    633 |     \includegraphics[scale=0.1]{../pics/mand4.png} &
 | 
|  |    634 |     \raisebox{1.2mm}{\includegraphics[scale=0.1]{../pics/mand3.png}}      
 | 
|  |    635 |   \end{tabular}     
 | 
|  |    636 | \end{center}
 | 
|  |    637 | 
 | 
|  |    638 | \begin{center}
 | 
|  |    639 | My Scala Office Hours: Thursdays 11 -- 13
 | 
|  |    640 | \end{center}
 | 
| 33 |    641 | \end{frame}
 | 
|  |    642 | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   
 | 
|  |    643 | \end{document}
 | 
| 32 |    644 | 
 | 
|  |    645 | 
 | 
| 22 |    646 | \end{document}
 | 
|  |    647 | 
 | 
|  |    648 | %%% Local Variables:  
 | 
|  |    649 | %%% mode: latex
 | 
|  |    650 | %%% TeX-master: t
 | 
|  |    651 | %%% End: 
 | 
|  |    652 | 
 | 
| 140 |    653 | 
 | 
|  |    654 | “Functional programming is often regarded as the best-kept secret of
 | 
|  |    655 | scientific modelers, mathematicians, artificial intelligence
 | 
|  |    656 | researchers, financial institutions, graphic designers, CPU designers,
 | 
|  |    657 | compiler programmers, and telecommunications engineers.”
 | 
|  |    658 | 
 | 
|  |    659 | The Wikipedia F# page |