cs24
play

CS24 FRESHMAN SEMINAR FOR CS SCHOLARS WEEK 2 - WEB TECHNOLOGIES U - PowerPoint PPT Presentation

Spring 2015 - Berkeley, CA CS24 FRESHMAN SEMINAR FOR CS SCHOLARS WEEK 2 - WEB TECHNOLOGIES U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 2 6 J A N U A R Y 2 015 SEPARATION OF CONCERNS - THE MODEL-VIEW-CONTROLLER ONE OF


  1. Spring 2015 - Berkeley, CA CS24 FRESHMAN SEMINAR FOR CS SCHOLARS WEEK 2 - WEB TECHNOLOGIES U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 2 6 J A N U A R Y 2 015

  2. SEPARATION OF CONCERNS - THE MODEL-VIEW-CONTROLLER ONE OF THE MOST SUCCESSFUL SOFTWARE ARCHITECTURES HTML/CSS/JS RAILS/EMBER/NODE INTERNET PROTOCOL STACK WINS SOC IMPLICITLY CREATES DISCIPLINES ALLOWING USERS TO DEVELOP SPECIALIZED SKILLS USING A SUBSET OF CONCERNS ENABLES A SCAFFOLD FOR SPECIALIZED USERS TO ADOPT COMPLEMENTARY SKILLS GRADUALLY. DRAWBACKS EASY TO HAVE TOO MANY CONCERNS BECOMES TOO ABSTRACTED SOMETHING SIMPLE REQUIRES X DIFFERENT FILES/MODULES U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  3. Web Technologies Human-Centered Design System-Centered Design Design Research U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  4. Growing pain - Internet of Things - Diversity of Form Factors U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  5. MARKUP LANGUAGES <HTML> MARKDOWN LATEX XML HYPERTEXT MARKUP EXTENSIBLE MARKUP LANGUAGE LANGUAGE <DIV ID=“MSG”> MESSAGE <H1> \SECTION <MSG> ————— HELLO WORLD! \TEXTIT{HELLO WORLD} <GREETING> * HELLO WORLD </H1> HELLO WORLD! * HOLA MUNDO <SPAN CLASS=“RED”></ </GREETING> * KON'NICHIWA SEKAI SPAN> <FACE EXPRESSION = “ANGRY”/> </DIV> </MSG> U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  6. STYLING <STYLE TYPE=“TEXT/CSS> SASS HYPERTEXT MARKUP LANGUAGE COMPILED CSS $PRIMARY-COLOR: #333; .MYSTYLE{ COLOR: RED; .MYSTYLE{ } COLOR: $PRIMARY-COLOR; } U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  7. INTERACTIVITY JAVASCRIPT JQUERY document.getElementById(“demo").innerHTML = $(“#demo”).html(“Hello JQuery”); "Hello JavaScript"; NODEJS THREEJS D3JS JS AS A GENERAL PURPOSE WEB GRAPHICS DATA-DRIVEN DOCUMENTS PROGRAMMING LANGUAGE U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  8. IN-CLASS FIRST APP U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 3 F E B R U A R Y 2 015

  9. TODOS COOKBOOK #2 QA #2 REMOVED ANSWER QUESTION ASSIGNMENT POST SOLUTIONS THOUGH ON A SEPARATE DOC U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 2 0 J A N U A R Y 2 015

  10. QUESTIONS ? Week 4 RELATIONAL DATABASES RECIPES (WK3) AND QUESTIONS (WK3) DUE U N I V E R S I T Y O F C A L I F O R N I A - B E R K E L E Y 2 0 J A N U A R Y 2 015

Recommend


More recommend