├── .gitattributes ├── README.md └── repoIndex.md /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Learning-Tracker 2 | 3 | ## Skills 4 | 5 | [done]: https://user-images.githubusercontent.com/29199184/32275438-8385f5c0-bf0b-11e7-9406-42265f71e2bd.png 6 | 7 | |Skill| 1
Introduction | 2
Basics | 3
Good | 4
Pretty Good | 5
Confident | 6
Awesome | 8 | |:--------:|:---:|:---:|:---:|:---:|:---:|:---:| 9 | |**HTML5**| ![done][done] | ![done][done] | ![done][done] | ![done][done] |![done][done] | | 10 | |**CSS3**| ![done][done] | ![done][done] | ![done][done] | ![done][done] |![done][done] | | 11 | |**Css Grid Layout Flex-box**| ![done][done] | ![done][done] | ![done][done] | | | | 12 | |**Flex-box**| ![done][done] | ![done][done] | ![done][done] | | | | 13 | |**Bootstrap**| ![done][done] | ![done][done] | ![done][done] | | | | 14 | |**Skeleton**| ![done][done] | ![done][done] | ![done][done] | | | | 15 | |**Materialize**| ![done][done] | ![done][done] | | | | | 16 | |**JavaScript**| ![done][done] | ![done][done] | ![done][done] | | | | 17 | |**ES6**| ![done][done] | ![done][done] | | | | | 18 | |**jQuery**| ![done][done] | ![done][done] | ![done][done] | | | | 19 | |**Angular 4**| ![done][done] | ![done][done] | | | | | 20 | |**React**| ![done][done] | | | | | | 21 | |**AJAX**| ![done][done] | ![done][done] | | | | | 22 | |**NPM**| ![done][done] | | | | | | 23 | |**Node.js**| ![done][done] | | | | | | 24 | |**Command line**| ![done][done] | ![done][done] | | | | | 25 | |**p5.js**| ![done][done] | ![done][done] | | | | | 26 | |**particles.js**| ![done][done] | | | | | | 27 | |**mo.js**| ![done][done] | | | | | | 28 | |**popmotion.js**| ![done][done] | | | | | | 29 | |**playful.js**| ![done][done] | | | | | | 30 | |**tilt.js**| ![done][done] | | | | | | 31 | |**GitHub**| ![done][done] | ![done][done] | ![done][done] | | | | 32 | |**Markdown**| ![done][done] | ![done][done] | ![done][done] | | | | 33 | 34 | --- 35 | 36 | 37 | ### Courses 38 | 39 | |Course|Tutor| 40 | |:---:|:---:| 41 | |[The Web Developer Bootcamp](https://www.udemy.com/the-web-developer-bootcamp)| Colt Steele - [Udemy](https://www.udemy.com)| 42 | |[Front End Development](https://www.freecodecamp.org/elena-in-code)|[Free Code Camp](https://www.freecodecamp.org)| 43 | |[Google Developer Challenge Scholarship](https://www.udacity.com/google-scholarships) - Web Developer|[Udacity](https://www.udacity.com)| 44 | |[JavaScript30](https://javascript30.com/)|[Wes Bos](https://twitter.com/wesbos)| 45 | |[Learn Angular 4 from Scratch](https://www.udemy.com/learn-angular-from-scratch)|[Gary Simon](https://twitter.com/designcoursecom)| 46 | |[Modern JavaScript From The Beginning](https://www.udemy.com/modern-javascript-from-the-beginning)|[Brad Traversy](https://twitter.com/traversymedia)| 47 | 48 | 49 | --- 50 | 51 | ### Portfolio 52 | Visit [my portfolio](https://elena-in-code.github.io/Portfolio-ENG/) 53 | 54 | --- 55 | 56 | ### Index of my Repositories on Github 57 | Visit [Repositories Index](https://github.com/elena-in-code/Learning-Tracker/blob/master/repoIndex.md#repositories-index) 58 | 59 | --- 60 | 61 | ### Acknowledgments 62 | 63 | Based on the learning tracker by [Syk Houdeib](https://github.com/Syknapse/My-Learning-Tracker) 64 | -------------------------------------------------------------------------------- /repoIndex.md: -------------------------------------------------------------------------------- 1 | # Repositories Index 2 | 3 | |Repository| Live Site |Comments| 4 | |:---:|:---:|:---:| 5 | |[React-project-manager](https://github.com/elena-in-code/React-project-manager)|x|React App - Traversy media.| 6 | |[Github-finder](https://github.com/elena-in-code/Github-finder)|x|WIP| 7 | |[FrontEnd-Web-Developer-Google-Nanodegree-Scholarship](https://github.com/elena-in-code/FrontEnd-Web-Developer-Google-Nanodegree-Scholarship)|x|Notes/Exercise/practice| 8 | |[Fetch-API-exercise](https://github.com/elena-in-code/Fetch-API-exercise)|x|Exercise/practice. Traversy media.| 9 | |[ES6-Promises](https://github.com/elena-in-code/ES6-Promises)|x|Exercise/practice. Traversy media.| 10 | |[Portfolio-ENG](https://github.com/elena-in-code/Portfolio-ENG)|[Febreruary 2018](https://elena-in-code.github.io/Portfolio-ENG/)|HTML5, CSS3, Bootstrap 4 | 11 | |[Custom-HTTP-Library-](https://github.com/elena-in-code/Custom-HTTP-Library-)|x|Exercise/practice. Traversy media.| 12 | |[Angular-Book-Search-App](https://github.com/elena-in-code/Angular-Book-Search-App)|x|Angular 4 - Fictional National Library. Angular CLI| 13 | |[Ajax-type-ahead](https://github.com/elena-in-code/Ajax-type-ahead)|[Filterable US cities & states](https://elena-in-code.github.io/Ajax-type-ahead/)|javaScript30 Challenge. HTML5, CSS3, JavaScript | 14 | |[AJAX-Fetch-API](https://github.com/elena-in-code/AJAX-Fetch-API)|[Chuck Norris joke generator](https://codepen.io/Elena_in_code/pen/VQjWdg)|Traversy media. HTML5, CSS3, Skeleton, javaScript| 15 | |[AJAX-JSON-practise](https://github.com/elena-in-code/AJAX-JSON-practise)|x|Exercise/practice. Traversy media. | 16 | |[XHR-with-text](https://github.com/elena-in-code/XHR-with-text)|x|Exercise/practiceTraversy media.| 17 | |[Book-List-App](https://github.com/elena-in-code/Book-List-App)|[Create a book list](https://elena-in-code.github.io/Book-List-App/)|Traversy media. HTML5, CSS3, Skeleton, javaScript| 18 | |[Image-gallery-thumbnails](https://github.com/elena-in-code/Image-gallery-thumbnails)|[Dynamic Image Gallery with Thumbnails](https://elena-in-code.github.io/Image-gallery-thumbnails/)|Traversy media. HTML5, CSS3, javaScript| 19 | |[Number-guesser](https://github.com/elena-in-code/Number-guesser)|[Game](https://elena-in-code.github.io/Number-guesser/)|Traversy media. HTML5, CSS3, Skeleton, javaScript | 20 | |[Loan-Calculator](https://github.com/elena-in-code/Loan-Calculator)|[Loan Calculator](https://elena-in-code.github.io/Loan-Calculator/)|Traversy media. HTML5, CSS3, Bootstrap 4, javaScript | 21 | |[Task-List-Local-Stotage](https://github.com/elena-in-code/Task-List-Local-Stotage)|[Filterable Task List with Local Storage](https://elena-in-code.github.io/Task-List-Local-Stotage/)|Traversy media. HTML5, CSS3,javaScript, Materialize | 22 | |[Pixel-Art-Maker-](https://github.com/elena-in-code/Pixel-Art-Maker-)|[Pixel Art Maker](https://elena-in-code.github.io/Pixel-Art-Maker-/)|Udacity and Google Developer Challenge Scholarship 2017-2018. HTML5, CSS3, jQuery| 23 | |[Number-Facts-App](https://github.com/elena-in-code/Number-Facts-App)|[random facts about numbers](https://elena-in-code.github.io/Number-Facts-App/)|Traversy media. HTML5, CSS3, Bootstrap 4, javaScript, Fetch / API | 24 | |[Contribute-To-This-Project](https://github.com/elena-in-code/Contribute-To-This-Project)|[contributed on GitHub](https://syknapse.github.io/Contribute-To-This-Project/)|HTML5| 25 | |[Countdown-clock](https://github.com/elena-in-code/Countdown-clock)|[Clock](https://elena-in-code.github.io/Countdown-clock/)|HTML5, CSS3, javaScript | 26 | |[Snake-Game](https://github.com/elena-in-code/Snake-Game)|[Game](https://elena-in-code.github.io/Sanke-Game/)| HTML5, CSS3, P5.js| 27 | |[Weight-Converter-App](https://github.com/elena-in-code/Weight-Converter-App)|[pounds to grams & kilograms and ounces](https://elena-in-code.github.io/Weight-Converter-App/)|Traversy media. HTML5, CSS3, JavaScript, Bootstrap 4| 28 | |[Filterable-List](https://github.com/elena-in-code/Filterable-List)|[Filterable contact List](https://elena-in-code.github.io/Filterable-List/)| Traversy media. HTML5, CSS3, JavaScript, Materialize| 29 | |[canvas](https://github.com/elena-in-code/canvas)|[mouse to draw over screen](https://elena-in-code.github.io/canvas/)|javaScript30 Challenge. HTML5, CSS3, JavaScript| 30 | |[Angular-Image-Search-App](https://github.com/elena-in-code/Angular-Image-Search-App)|x|HTML5, CSS3, Angular4, TypeScript, Angular CLI, Masonry.js,Angular Material| 31 | |[Angular-Photo-Gallery-App](https://github.com/elena-in-code/Angular-Photo-Gallery-App)|x|HTML5, CSS3, Angular4, TypeScript, Angular CLI| 32 | |[Angular-tour-of-heroes](https://github.com/elena-in-code/Angular-tour-of-heroes)|x|HTML5, CSS3, Angular2, TypeScript, Angular CLI | 33 | |[Book-Search-App](https://github.com/elena-in-code/Book-Search-App)|[responsive app with javascript]()|HTML5, CSS3, javaScript ES6 | 34 | |[List-App-jQuery](https://github.com/elena-in-code/List-App-jQuery)|[Simple Task List](https://elena-in-code.github.io/List-App-jQuery/)|HTML5, CSS3, jQuery| 35 | |[Flip-information-cards](https://github.com/elena-in-code/Flip-information-cards)|[Modern functional web feature](https://elena-in-code.github.io/Flip-information-cards/)|HTML5, CSS3| 36 | |[css-night-sky](https://github.com/elena-in-code/css-night-sky)|[Css animated Night Sky](https://elena-in-code.github.io/css-night-sky/)|HTML5, CSS3, jQuery | 37 | |[CSS-Landscape](https://github.com/elena-in-code/CSS-Landscape)|x|Exercise/practice| 38 | |[text-glitch](https://github.com/elena-in-code/text-glitch)|[CSS animated Text Glitch](https://elena-in-code.github.io/text-glitch/)|HTML5, CSS3 | 39 | |[Grid-Playground](https://github.com/elena-in-code/Grid-Playground)|x|Exercise/practice| 40 | |[css-image](https://github.com/elena-in-code/css-image)|[Sea Creature animation](https://elena-in-code.github.io/css-image/)|HTML5, CSS3| 41 | |[Font-Awesome-Icon-Animation](https://github.com/elena-in-code/Font-Awesome-Icon-Animation)|[Css animated Rocket](https://elena-in-code.github.io/Font-Awesome-Icon-Animation/)|HTML5, CSS3| 42 | |[Css-Flexbox-landing-page](https://github.com/elena-in-code/Css-Flexbox-landing-page)|[Responsive Landing page](https://elena-in-code.github.io/Css-Flexbox-landing-page/)|HTML5, CSS3| 43 | |[Css-Snow-Fall-Animation](https://github.com/elena-in-code/Css-Snow-Fall-Animation)|[Snow Fall Effect](https://elena-in-code.github.io/Css-Snow-Fall-Animation/)|HTML5, CSS3| 44 | |[Aqua-Loader](https://github.com/elena-in-code/Aqua-Loader)|[Text Filling with Water](https://elena-in-code.github.io/Aqua-Loader/)|HTML5, CSS3| 45 | |[4-CSS-daily-image](https://github.com/elena-in-code/4-CSS-daily-image)|[Cloud animation](https://elena-in-code.github.io/4-CSS-daily-image/)|HTML5, CSS3| 46 | |[Dynamic-Photo-Grid](https://github.com/elena-in-code/Dynamic-Photo-Grid)|[Colaboration project](https://elena-in-code.github.io/Dynamic-Photo-Grid/)|HTML5, CSS3, jQuery, javaScript | 47 | |[RGB-Game](https://github.com/elena-in-code/RGB-Game)|[RGB color guessing game](https://elena-in-code.github.io/RGB-Game/)|Udemy Bootcamp. HTML5, CSS3, javaScript| 48 | |[Patatap-clone](https://github.com/elena-in-code/Patatap-clone)|[melody combined with colors just using your keyboard](https://elena-in-code.github.io/Patatap-clone/)|Udemy Bootcamp. HTML5, CSS3, Paper.js, Howler.js | 49 | |[To-Do-List](https://github.com/elena-in-code/To-Do-List)|[Add, remove, delete tasks](https://elena-in-code.github.io/To-Do-List/)| Udemy Bootcamp. HTML5, CSS3, jQuery| 50 | |[rainbow-loader](https://github.com/elena-in-code/rainbow-loader)|[Rainbow Loader Animation - Pure CSS](https://elena-in-code.github.io/rainbow-loader/)| HTML5, CSS3| 51 | |[Menu-Effect](https://github.com/elena-in-code/Menu-Effect)|x|Exercise/practice| 52 | |[Flex-Panel-Gallery](https://github.com/elena-in-code/Flex-Panel-Gallery)|[Flexbox Panel Gallery with javaScript](https://elena-in-code.github.io/Flex-Panel-Gallery/)|javaScript30 Challenge. HTML5, CSS3, JavaScript| 53 | |[Array](https://github.com/elena-in-code/Array)|x|Exercise/practice| 54 | |[CSS-Neon-Text](https://github.com/elena-in-code/CSS-Neon-Text)|[CSS Neon Light Text Effects](https://elena-in-code.github.io/CSS-Neon-Text/)|HTML5, CSS3| 55 | |[CSS-Variables-JS](https://github.com/elena-in-code/CSS-Variables-JS)|[Blur, space and color](https://elena-in-code.github.io/CSS-Variables-JS/)|javaScript30 Challenge. HTML5, CSS3, JavaScript| 56 | |[JavaScript-Task-List](https://github.com/elena-in-code/JavaScript-Task-List)|[Simple Task List](https://elena-in-code.github.io/JavaScript-Task-List/)|HTML5, CSS3, JavaScript | 57 | |[Clock-CSS-JS](https://github.com/elena-in-code/Clock-CSS-JS)|[Analogic clock](https://elena-in-code.github.io/Clock-CSS-JS/)| javaScript30 Challenge. HTML5, CSS3, JavaScript| 58 | |[line-experiment-SVG](https://github.com/elena-in-code/line-experiment-SVG)|x| Exercise/practice| 59 | |[Loader](https://github.com/elena-in-code/Loader)|x|Exercise/practice | 60 | |[Drum-kit](https://github.com/elena-in-code/Drum-kit)|[melody with keyboard](https://elena-in-code.github.io/Drum-kit/)|javaScript30 Challenge. HTML5, CSS3, JavaScript| 61 | |[3-CSS-daily-image](https://github.com/elena-in-code/3-CSS-daily-image)|[Avocado](https://elena-in-code.github.io/3-CSS-daily-image/)|dailycssimages Challenge. HTML5, CSS3| 62 | |[2-CSS-daily-image](https://github.com/elena-in-code/2-CSS-daily-image)|[Watermelon popsicle](https://elena-in-code.github.io/2-CSS-daily-image/)|dailycssimages Challenge. HTML5, CSS3| 63 | |[1-CSS-daily-image](https://github.com/elena-in-code/1-CSS-daily-image)|[Panda](https://elena-in-code.github.io/1-CSS-daily-image/)|dailycssimages Challenge. HTML5, CSS3| 64 | |[Portfolio](https://github.com/elena-in-code/Portfolio)|[July 2017](https://elena-in-code.github.io/Portfolio/)| FreeCodeCamp Challenge. HTML5, CSS3, Bootstrap| 65 | |[Tribute-page](https://github.com/elena-in-code/Tribute-page)|[To Hedy Lamarr](https://elena-in-code.github.io/Tribute-page/)| FreeCodeCamp Challenge. HTML5, CSS3, Bootstrap | 66 | 67 |
68 | 69 | [<< back to my learning tracker](https://github.com/elena-in-code/Learning-Tracker) 70 | --------------------------------------------------------------------------------