Transcription
Web Programmingwith Python and JavaScript
Web Programming
HTMLHTML and CSS
Git
Python
Django
SQL, Models,and Migrations
JavaScript
User Interfaces
Testing and CI/CD
Load BalancerScalabilityand SecurityServerServerServer
HTML and CSS
HTML
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
!DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html
Document Object Model !DOCTYPE html html lang "en" head title Hello! /title /head body Hello, world! /body /html htmlheadbodytitleHello, world!Hello!
Common HTML Tags h1 , h2 , ol , ul img a table form ., h6
CSS
Common CSS Properties color text-align width, height margin, padding font-family, font-size, border .font-weight
Identifying Elements div span id class
Specificity1. inline2. id3. class4. type
Specificity div id "foo" Hello! /div div {color: blue;}Hello!
Specificity div id "foo" Hello! /div div {color: blue;}#foo {color: red;}Hello!
Specificity div id "foo" Hello! /div #foo {color: red;}div {color: blue;}Hello!
CSS Selectorsa, bMultiple Element Selectora bDescendant Selectora bChild Selectora bAdjacent Sibling Selector[a b]Attribute Selectora:bPseudoclass Selectora::bPseudoelement Selector
Responsive Design
Responsive Design viewport Media Queries Flexbox Grids
meta name "viewport" content "width device-width, initial-scale 1.0"
Viewporta
Viewporta
Media Queries Media Types: print, screen, .Media Features: height, width, orientation, .
Flexbox123456
Flexbox112345623456
Flexbox123456
Flexbox123456123456
Flexbox123456
Flexbox123456123456
Bootstrap
Sass
Web Programmingwith Python and JavaScript
Web Programming with Python and JavaScript. Web Programming. HTML and CSS HTML. Git. Python. Django. SQL, Models, and Migrations. JavaScript. User Interfaces. Testing and CI/CD. Sca