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

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend


More recommend