100daysofcode
#100DaysOfCode
Install / Use
/learn @laiananardi/100daysofcodeREADME
🎯 Objetivos do desafio:
- Programar no mínimo uma hora todos os dias durante os próximos 100 dias!
- As tecnologias que escolhi para estudar durante o desafio estão logo abaixo!
- <a href="https://www.instagram.com/_lai_13_/" target="_blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg" alt="instagram Laiana" height="20" width="20" /></a> <a href="https://www.linkedin.com/in/laiana-santiago/" target="_blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg" alt="Linkedin Laiana Santiago" height="20" width="20" /></a>
- Contato: laiana.nardi@gmail.com <br>
- Início da maratona 24 de Agosto de 2020 <hr>
Links Úteis
- Livros Gratuitos em inglês
- Site para aprender Javascript
- Standards Javascript
- Ideias para praticar
- Algoritmos Javascript
JavaScript <img src="https://github.com/laiananardi/100daysofcode/blob/master/img_readme/js.png" height="30"/>
-<a href="https://www.notion.so/Java-Script-057ddbd40c61438391845690c66ca5fc" target="_blank">My notes</a>
- [x] Variables and data type
- [x] <a href="https://www.notion.so/Curso-em-video-JavaScript-762c7cd4ca7c4e18b2563c1d48bf0d0e" target="_blank">A evolução do JavaScript e do EcmaScript</a>
- [x] Arrays
- [x] Objetcts Literals
- [x] Methods for Strings, arrays, objects, etc
- [x] Loops - for while, for...of, forEach, map
- [x] Conditinals(if, ternary & switch)
- [x] Functions and arrow functions
- [x] Template literals
- [x] <a href="https://stringproject.netlify.app/" target="_blank">String Project</a>
- [x] Operadores: aritméticos, atribuições, relacionais, logicos, ternario
- [x] DOM
- [x] Events JavaScript
- [x] for, while, do while
- [x] forEach
- [x] insertAdjacentHTML()
- [x] setTimeout()
- [x] Window setInterval() Method
- [x] Math.floor()
- [x] LocalStorage
- [x] join() method
- [x] Math.random()
- [x] Intersection Observer API JavaScript
Python
<!-- -<a href="https://www.notion.so/Java-Script-057ddbd40c61438391845690c66ca5fc" target="_blank">My notes</a> -->- [x] introduction
Git e GitHub <img align="center" src="https://github.com/laiananardi/100daysofcode/blob/master/img_readme/github.webp" alt="git e github" height="30"/>
- [ ] git e github
|Dia|Estudos|
| -------- | ----------------- |
| 1 | Variables and data type | |
| 2 | A evolução do JavaScript e do EcmaScript; Arrays; Objetcts Literals; Methods for Strings, arrays, objects, etc; Loops - for while, for...of, forEach, map | |
| 3 | Conditinals(if, ternary & switch) & Functions and arrow functions| |
| 4 | <a href="https://stringproject.netlify.app/" >Methods for strings</a> and numbers & template literals| |
| 5 | <a href="https://operatorsproject.netlify.app/" >Operators arithmetic</a> and assignments| |
| 6 | <a href="https://www.notion.so/Curso-em-video-JavaScript-762c7cd4ca7c4e18b2563c1d48bf0d0e" >Operators relational, logic, ternary</a>| |
| 7 | <a href="https://www.notion.so/Curso-em-video-JavaScript-762c7cd4ca7c4e18b2563c1d48bf0d0e" >DOM tree, select by</a> and <a href="https://changingcolor.netlify.app/"> color change </a>| |
| 8 | <a href="https://developer.mozilla.org/en-US/docs/Web/Events" >Events JavaScript</a> and assignments| |
| 9 | <a href="https://datehour.netlify.app/" >hour and data project </a> and if and switch JavaScript | |
| 10 | conditionals | |
| 11 | <a href="https://identifyage.netlify.app/" >age project </a> and if and repetition structures with JavaScript | |
| 12 | <a href="https://sequenciapa.netlify.app/" >counter </a> repetition structures with JavaScript | |
| 13 | <a href="https://tabuadajs.netlify.app/" >tabuada </a> repetition structures with JavaScript | |
| 14 | Arrays in JavaScript | |
| 15 | Functions | |
| 16 | Functions exercise 1 | |
| 17 | Functions exercise 2 <a href="https://numberanalyzerr.netlify.app/">Number Analyzer</a> | |
| 18 |<a href="https://listusers.netlify.app/">List Users</a> | |
| 19 |insertAdjacentHTML() | |
| 20 | <a href="https://bintodecconverter.netlify.app/">Binary to Decimal converter</a> | |
| 21 | <a href="https://bintodecconverter.netlify.app/">Decimal to Binary converter</a> | |
| 22 | Change text with JavaScript (setTimeout() and innerText) change_text | |
| 23 | Change images with JavaScript (home section of an website): change_img | |
| 24 | Home page of the website iVet | |
| 25 | <a href="https://calculatorlai.netlify.app/">Calculator</a> JavaScript |
| 26 | <a href="https://countdowntimerjs.netlify.app/">CountDown timer</a> JavaScript |
| 27 | <a href="https://to-do-listjs.netlify.app/">To Do List</a> JavaScript |
| 28 | <a href="https://to-do-listjs.netlify.app/">To Do List</a> changing background and data JavaScript |
| 29 | <a href="https://to-do-listjs.netlify.app/">To Do List</a> Local Storage JavaScript |
| 30 | <a href="https://stopwatchjs.netlify.app/">Stopwatch</a> JavaScript |
| 31 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/projects/pomodoro">Pomodoro</a> HTML e CSS |
| 32 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/projects/pomodoro">Pomodoro</a> Javascript |
| 33 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/courses/curso-javascript-ninja/challenge-01">curso javascript ninja</a> challenge-01|
| 34 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/projects/quiz">Quiz App(beggining)</a> and <a href="https://www.linkedin.com/feed/update/urn:li:activity:6715745184732237825/">join() method</a>|
| 35 | <a href="https://quizlai.netlify.app/">Quiz</a> Javascript |
| 36 | <a href="https://quizlai.netlify.app/">Quiz</a> pagination and blank options style. Javascript |
| 37 | <a href="https://quizlai.netlify.app/">Quiz</a> Progress bar and <a href="https://github.com/laiananardi/100daysofcode/tree/master/courses/curso-javascript-ninja/challenge-02">challenge-02</a>curso javascript ninja |
| 38 | <a href="https://quizlai.netlify.app/">Quiz</a> Timer. Javascript |
| 39 | <a href="https://codepen.io/laiananardi/pen/VwaJdYW">Star Rating</a> Javascript with localStorage |
| 40 | <a href="https://codepen.io/laiananardi/pen/VwaJdYW">Star Rating</a> change the style and add satisfaction text |
| 41 | <a href="https://to-do-listjs.netlify.app/">To Do List</a> drag and drop JavaScript |
| 42 | <a href="https://to-do-listjs.netlify.app/">To Do List</a> drag and drop, save new order and checked tasks at localstorage JavaScript |
| 43 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/courses/curso-javascript-ninja/challenge-03">challenge-03</a>curso javascript ninja |
| 44 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> create and read - PHP and MySQL |
| 45 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> delete - PHP and MySQL |
| 46 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> update - PHP and MySQL |
| 47 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> picture upload(1) - PHP and MySQL |
| 48 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> picture upload(2) - PHP and MySQL |
| 49 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> phone(1) create - PHP and MySQL |
| 50 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> phone(2) crate - PHP and MySQL |
| 51 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> phone(3) list - PHP and MySQL |
| 52 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> phone(4) edit - PHP and MySQL |
| 53 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/courses/curso-javascript-ninja/challenge-04">challenge-04</a> curso javascript ninja |
| 54 | <a href="https://github.com/laiananardi/100daysofcode/tree/master/courses/curso-javascript-ninja/challenge-05">challenge-05</a> curso javascript ninja |
| 55 | <a href="https://github.com/laiananardi/php_crud_mvc">CRUD</a> delete phone field added |
| 56 | <a href="https://colorconverter.netlify.app/">color_converter</a> hexadecimal to rgb |
| 57 | <a href="https://colorconverter.netlify.app/">color_converter</a> rgb to hexadecimal(1) |
| 58 | <a href="https://colorconverter.netlify.app/">color_converter</a> rgb to hexadecimal(2)|
| 59 | <a href="https://flipcardjs.netlify.app/">flip card</a> JavaScript and CSS|
| 60 | <a href="https://memorygamelai.netlify.app/">memory game(1)</a> flip cards JavaScript |
| 61 | <a href="https://memorygamelai.netlify.app/">memory game(2)</a> match cards JavaScript |
| 62 | <a href="https://memorygamelai.netlify.app/">memory game(3)</a> shuffle JavaScript |
| 63 | <a href="https://memorygamelai.netlify.app/">memory game(4)</a> inicial section JavaScript |
| 64 | <a href="https://memorygamelai.netlify.app/">memory game(5)</a> final section JavaScript |
| 65 | <a href="https://memorygamel
