Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git....
Transcript of Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git....
![Page 1: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/1.jpg)
Web Programming with Python and JavaScript
![Page 2: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/2.jpg)
Git
![Page 3: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/3.jpg)
first commit
![Page 4: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/4.jpg)
first commit
changes
![Page 5: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/5.jpg)
first commit
changes more changes
![Page 6: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/6.jpg)
first commit
changes more changes
start newfeature
![Page 7: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/7.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
![Page 8: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/8.jpg)
Branching
![Page 9: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/9.jpg)
first commit
![Page 10: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/10.jpg)
first commit
changes
![Page 11: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/11.jpg)
first commit
changes more changes
![Page 12: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/12.jpg)
first commit
changes more changes
start newfeature
![Page 13: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/13.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
![Page 14: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/14.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug
![Page 15: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/15.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug
← master
← feature
![Page 16: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/16.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug
← master
← feature
← HEAD
![Page 17: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/17.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug
← master
← feature← HEAD
![Page 18: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/18.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug
![Page 19: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/19.jpg)
first commit
changes more changes
start newfeature
keep workingon new feature
fix bug merge
![Page 20: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/20.jpg)
Branching
• git branch
• git checkout
• git merge
![Page 21: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/21.jpg)
Remotes
![Page 22: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/22.jpg)
Remotes
↑
master
↑
master
![Page 23: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/23.jpg)
Remotes
↑
master
git fetch
↑
master
![Page 24: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/24.jpg)
Remotes
↑
master
↑
master
git fetch
origin/master↑
![Page 25: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/25.jpg)
Remotes
↑
master
↑
master
git fetch
git merge origin/master
origin/master↑
![Page 26: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/26.jpg)
Remotes
↑
master
↑
master
git fetch
git merge origin/master
origin/master↑
![Page 27: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/27.jpg)
Remotes
↑
master
↑
master
git pull
origin/master↑
![Page 28: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/28.jpg)
Forks
![Page 29: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/29.jpg)
Pull Requests
![Page 30: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/30.jpg)
HTML
![Page 31: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/31.jpg)
Links
• link to local page
• link to external page
• link to same page
![Page 32: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/32.jpg)
HTML4 OrganizaIon
• <div class="header">
• <div class="nav">
• <div class="section">
• <div class="footer">
• ...
![Page 33: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/33.jpg)
HTML5 OrganizaIon
• <header>
• <nav>
• <section>
• <footer>
• ...
![Page 34: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/34.jpg)
New HTML5 Elements
• <audio>
• <video>
• <datalist>
• ...
![Page 35: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/35.jpg)
CSS
![Page 36: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/36.jpg)
CSS Selectors
![Page 37: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/37.jpg)
CSS Selectors
a, b MulIple Element Selectora b Descendant Selectora > b Child Selectora + b Adjacent Sibling Selector[a=b] AQribute Selectora:b Pseudoclass Selectora::b Pseudoelement Selector
![Page 38: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/38.jpg)
Responsive Design
![Page 39: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/39.jpg)
Responsive Design
• viewport
• Media Queries
• Flexbox
• Grids
![Page 40: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/40.jpg)
Bootstrap
![Page 41: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/41.jpg)
Sass
![Page 42: Web Programming with Python and JavaScript · 2018. 7. 1. · with Python and JavaScript. Git. first commit. first commit changes. first commit changes more changes. first commit](https://reader036.fdocuments.in/reader036/viewer/2022062510/611c81b0463a0661d73ea68c/html5/thumbnails/42.jpg)
Web Programming with Python and JavaScript