al final tendran la habilidad de hacer paginas web y compartirlas con sus amigos

- setup to start developing in web
- [ ] text editor ([vscode](https://code.visualstudio.com/))
- [ ] web browser
- [ ] graphic editor ([Figma](https://www.figma.com/))
- [ ] local server
- install python
- `python3 -m http.server`
- `python2 -m SimpleHTTPServer`
---
- html
- basic structure of an html doc
- make your firsts tags
- [what are html elements?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics#anatomy_of_an_html_element)
- how to choose tags, SEO
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element
- https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories
- **make a page with your social links**
---
- css
- [what is css?](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics#anatomy_of_a_css_ruleset)
- inline style
- style tag
- style sheet
- [how css works?](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
- **style to the social links page**
---
- javascript
- [Thinking like a programmer](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/A_first_splash#thinking_like_a_programmer)
- [Scratch](https://scratch.mit.edu/)
- [What is a programmin language?](https://developer.mozilla.org/en-US/docs/Glossary/High-level_programming_language)
- programming logic
- data types
- variables
- operators
- control structures
- flow control
- make a function
- modal
- some impresive effect
-
---
- (git & github)
- `git init`
- `git remote add origin url://test`
- `git add file`
- `git commit`
- `git push`
- `git clone`
- `git pull`
---
- web development
- [web components](https://developer.mozilla.org/es/docs/Web/Web_Components)
- **create a single page application**

---
# Contexto del grupo segun [roberto aguirre](obsidian://open?vault=people&file=Roberto%20aguirre)
- ya traen algo hecho en wix
-