├── FAQ.md ├── README.md ├── log.md ├── resources.md └── rules.md /FAQ.md: -------------------------------------------------------------------------------- 1 | ## FAQ: 2 | **Q:** How do I get in touch with the people who are also doing this challenge? 3 | **A:** Search for #100DaysOfCode on Twitter, or join [the 100DaysOfCode room on Gitter](https://gitter.im/Kallaway/100DaysOfCode) — you don’t need an invite, it’s open for anyone to join. Also, follow [@_100DaysOfCode](https://twitter.com/_100DaysOfCode) on Twitter to stay in touch with the community. 4 | 5 | **Q:** I've already started the challenge, and I'm currently on Day 8. How can I start using this repo to track my progress? 6 | **A:** Don't worry. Restore as much info on the previous days, but if you can't then just continue from where you are right now. If you have been tweeting about your progress every day, put the links to your tweets in the Log for each day. Then, follow the format. 7 | 8 | **Q:** I am new to coding (or just deciding to learn to code) and can’t build projects yet, what should I do? 9 | **A:** The best way to start would be to follow the [FreeCodeCamp’s Front End Curriculum](https://www.freecodecamp.com/) from the very beginning. The further you get during the 100 days, the better. 10 | 11 | **Q:** I’ve missed a day, does it mean I’ve failed the challenge? 12 | **A:** Absolutely not. You are allowed to miss one day (then make it up by adding one more day to the end of the 100), but never miss two days in a row. This is a great piece of advice on habit formation that I got from Leo Babauta at zen habits. 13 | 14 | **Q:** I come home late, and by the time I am finished with my hour, it’s past midnight, does it count? 15 | **A:** Of course it counts! The rule of thumb is: have you coded for at least an hour before going to sleep that day? If yes, you are on track. 16 | The reason for this is that we all have different schedules and different life periods (kids, school, work, and what have you) so don’t hold yourself to some arbitrary time standard. You will not experience what Cinderella experienced once the clock strikes midnight. 17 | Don't worry whether you get a point on GitHub on that particular day. Yes, it’s nice to have them in a streak one by one, but don’t do yourself a disservice by measuring your efforts to a clock. 18 | 19 | **Q:** Should I keep a journal? 20 | **A:** Yes you should, and the best way to do that is to fork this repo, and commit to [the Log](log.md) daily. It’s helpful in two major ways: you will be able to look at the progress each day and see how far you’ve already come and it will be easier to find the motivation to continue, and the second one is that after you’ve done your 100 days, you will be able to analyze your experience better and see what worked and what didn’t. 21 | 22 | **Q:** Should I put my projects online? 23 | **A:** Definitely. It’s great for accountability and motivation to know that the stuff you’ve worked on is accessible online to anyone who may wish to look at it. It will make you care about the end product more, and will lead to a more impressive result in the end. I suggest you put them on GitHub. 24 | 25 | **Q:** Should I worry about streaks? 26 | **A:** Streaks are nice and helpful, but as I mentioned above — don’t worry about them too much and don’t criticize yourself over missing a day. Instead, make sure you do everything to not let that happen again, and know that worrying and scolding yourself will not give you any results. (Ok, It will give you results, but only negative. I would call them consequences, not results) The best way to get out of that negative emotional state is to sit down and code. 27 | 28 | **Q:** What is the most difficult part of this challenge? 29 | **A:** The part where you have to sit down and start coding. Don’t postpone that or think about it at all, because you will rationalize yourself out of it. Approach it mechanically: sit down, open your laptop, launch your coding editor, and start typing. After 5 minutes, you will not feel any problems/procrastination/desire to stop. 30 | 31 | **Q:** If everyone started on a certain day, should I join them on the day they are? For example, from Day 12? 32 | **A:** This challenge is individual, so when you join you start at day 1. Whenever you’ll be posting an update on Twitter or elsewhere, make sure to mention which day you are on and use the hashtag so that people can find and support you! 33 | 34 | ## Contents 35 | * [Rules](rules.md) 36 | * [Log - click here to see my progress](log.md) 37 | * [FAQ](FAQ.md) 38 | * [Resources](resources.md) 39 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # I've joined the #100DaysOfCode Challenge. 2 | 3 | ## Contents 4 | * [Rules](rules.md) 5 | * [Log - click here to see my progress](log.md) 6 | * [FAQ](FAQ.md) 7 | * [Resources](resources.md) 8 | 9 | ## If you've decided to join: 10 | 1. Read [Join the #100DaysOfCode](https://medium.freecodecamp.com/join-the-100daysofcode-556ddb4579e4) 11 | 2. Fork this repo and commit to the [Log](log.md) daily. [Example](https://github.com/Kallaway/100-days-kallaway-log). 12 | 3. **Code minimum an hour every day for the next 100 days.** 13 | 4. Change the date in [Rules](rules.md) to the day you've started the challenge. 14 | 5. Delete the examples in the log, or comment them out, and start filling it with your own content. 15 | 6. **Tweet your progress every day using the #100DaysOfCode hashtag.** 16 | 7. Follow [100DaysOfCode](https://twitter.com/_100DaysOfCode) Twitter Bot that retweets all the tweets that contain the #100DaysOfCode hashtag. It's a great way to keep yourself motivated and to participate in the community. Thanks [@amanhimself](https://twitter.com/amanhimself) for creating it! 17 | 8. Important: Encourage others who are doing the same challenge on Twitter or elsewhere - by giving them props when they are posting updates on their progress, supporting them when things get difficult. Thus we will grow a community that is helpful and effective, which will lead to a higher success rate for each person involved. It's also more likely that you will stick to your own commitment, given that you will get acquainted with a couple people (or more) right away. 18 | 9. If you find a great, helpful resource that others would benefit from, either submit a Pull Request to add it to the repo, or just tweet at me (see info below) 19 | 20 | ## Note 21 | * If you have any questions or ideas about 100DaysOfCode (or other ideas), feel free to reach out to me on Twitter: [@ka11away](https://twitter.com/ka11away) 22 | * If you like this repo and find it useful, please consider ★ starring it (on top right of the page) :) 23 | -------------------------------------------------------------------------------- /log.md: -------------------------------------------------------------------------------- 1 | # 100 Days Of Code - Log 2 | 3 | ### Day 1: January 11, 2017 4 | 5 | **Today's Progress**: Coded the Daily CSS Image Challenge: Beaver 6 | 7 | **Thoughts:** 8 | 9 | **Link to work:** [CSS Beaver] (http://codepen.io/sashatran/full/NdNqPo/) 10 | 11 | ### Day 2: January 12, 2017 12 | 13 | **Today's Progress**: Coded the Daily CSS Image Challenge: Tiger, Coded the CSS for my blog project 14 | 15 | **Thoughts:** Problem with Python rendering line breaks for blogposts. I will continue to look for a way to solve that. 16 | 17 | **Link to work:** [CSS Tiger] (http://codepen.io/sashatran/full/egZbKo/), [Blog] (http://sasha-tran-blog.appspot.com/), [Repo] (https://github.com/sashatran/blog) 18 | 19 | ### Day 3: January 13, 2017 20 | 21 | **Today's Progress**: Coded the Daily CSS Image Challenge: Favorite Animated Animal 22 | 23 | **Thoughts:** 24 | 25 | **Link to work:** [CSS Mike Wazowski] (https://codepen.io/sashatran/full/YNWYQy/) 26 | 27 | ### Day 4: January 14, 2017 28 | 29 | **Today's Progress**: Coded a simple register/login page with python/webapp2 as backend 30 | 31 | **Thoughts:** 32 | 33 | **Link to work:** [Register / Login ] (https://github.com/sashatran/simple-login) 34 | 35 | 36 | ### Day 5: January 15, 2017 37 | 38 | **Today's Progress**: Continue to work on Simple Register / Login project 39 | 40 | **Thoughts:** 41 | 42 | **Link to work:** [Register / Login ] (https://github.com/sashatran/simple-login) 43 | 44 | 45 | ### Day 6: January 16, 2017 46 | 47 | **Today's Progress**: Coded the Daily CSS Images Challenge: Clock 48 | 49 | **Thoughts:** 50 | 51 | **Link to work:** [CSS Clock] (http://codepen.io/sashatran/details/OWbJzG/) 52 | 53 | ### Day 7: January 17, 2017 54 | 55 | **Today's Progress**: Coded the Daily CSS Images Challenge: Ruler and my Portfolio 56 | 57 | **Thoughts:** 58 | 59 | **Link to work:** [CSS Ruler] (https://codepen.io/sashatran/full/jyVzXP/), [Portfolio] (http://sasha-tran.appspot.com/) 60 | 61 | ### Day 8: January 18, 2017 62 | 63 | **Today's Progress**: Coded the Daily CSS Images Challenge: Notepad and this HTML template with Bootstrap 64 | 65 | **Thoughts:** 66 | 67 | **Link to work:** [CSS Notepad] (http://codepen.io/sashatran/full/LxxWqq/), [HTML Template ] (http://codepen.io/sashatran/full/EZZQGq/) 68 | 69 | ### Day 9: January 19, 2017 70 | 71 | **Today's Progress**: Coded the Daily CSS Images Challenge: Calendar and responsive website from Rocket Design tutorial 72 | 73 | **Thoughts:** 74 | 75 | **Link to work:** [CSS Calendar] (https://codepen.io/sashatran/full/BpWLbN/), [Responsive website] (https://github.com/sashatran/responsive) 76 | 77 | ### Day 10: January 20, 2017 78 | 79 | **Today's Progress**: Coded the Daily CSS Images Challenge: Pencil Jar 80 | 81 | **Thoughts:** 82 | 83 | **Link to work:** [CSS Calendar] (https://codepen.io/sashatran/full/VPpqRV/) 84 | 85 | 86 | ### Day 11: January 23, 2017 87 | 88 | **Today's Progress**: Coded the Daily CSS Images Challenge: Melting Pizza & Practicing FlexBox, Responsive 89 | 90 | **Thoughts:** 91 | 92 | **Link to work:** [CSS Pizza] (http://codepen.io/sashatran/full/QdgvLw), [FlexBox] (http://codepen.io/sashatran/full/Xpgzyw/) 93 | 94 | 95 | ### Day 12: January 24, 2017 96 | 97 | **Today's Progress**: Coded the Daily CSS Images Challenge: Hamburger & Practicing FlexBox, Responsive 98 | 99 | **Thoughts:** 100 | 101 | **Link to work:** [CSS Burger] (http://codepen.io/sashatran/full/vgJNxE), [Responsive Social Media] (http://codepen.io/sashatran/full/bgRMVj) 102 | 103 | ### Day 13: January 25, 2017 104 | 105 | **Today's Progress**: Coded the Daily CSS Images Challenge: Taco & Button with Hover Effect 106 | 107 | **Thoughts:** 108 | 109 | **Link to work:** [CSS Taco] (http://codepen.io/sashatran/full/RKZdgw), [Button with Hover Effect] (http://codepen.io/sashatran/full/NdaWrr/) 110 | 111 | ### Day 14: January 26, 2017 112 | 113 | **Today's Progress**: Coded the Daily CSS Images Challenge: Cheesecake & Button with Hover Effect 114 | 115 | **Thoughts:** 116 | 117 | **Link to work:** [CSS Cheesecake] (http://codepen.io/sashatran/full/ggGeZr), [Button 2 with Hover Effect] (http://codepen.io/sashatran/full/WRZmRw) 118 | 119 | ### Day 15: January 27, 2017 120 | 121 | **Today's Progress**: Coded the Daily CSS Images Challenge: Pie & Flexbox Practice 122 | 123 | **Thoughts:** 124 | 125 | **Link to work:** [CSS Cheesecake] (http://codepen.io/sashatran/full/vgWyWd/), [Flexbox Practice - Dribbble style] (http://codepen.io/sashatran/details/ZLaXLz/) 126 | 127 | ### Day 16: January 28, 2017 128 | 129 | **Today's Progress**: Pixar website mockup 130 | 131 | **Thoughts:** 132 | 133 | **Link to work:** [Pixar website mockup] (https://codepen.io/sashatran/full/LxOqNR/) 134 | 135 | ### Day 17: January 29, 2017 136 | 137 | **Today's Progress**: Added animation to Pixar website mockup 138 | 139 | **Thoughts:** 140 | 141 | **Link to work:** [Pixar website mockup] (https://codepen.io/sashatran/full/LxOqNR/) 142 | 143 | ### Day 18: January 30, 2017 144 | 145 | **Today's Progress**: Designed a Google inspired Floating Action Button, Coded the Daily CSS Images Challenge: Frankenstein 146 | 147 | **Thoughts:** I saw this button on the Google inbox app, the menu slides up, my version it slides down, I modified a little. 148 | 149 | **Link to work:** [CSS Frakenstein] (http://codepen.io/sashatran/full/bgajNZ), [Google Inspired Floating Action Button] (http://codepen.io/sashatran/full/pRpmWG) 150 | 151 | ### Day 19: January 31, 2017 152 | 153 | **Today's Progress**: Rebuild Wise Buyer website with flexbox and media queries & Daily CSS Images: Zombie 154 | 155 | **Thoughts:** 156 | 157 | **Link to work:** [CSS Zombie] (http://codepen.io/sashatran/full/dNdeBb/), [Rebuild Wise Buyer Website ] (http://codepen.io/sashatran/full/dNdeBb/) 158 | 159 | ### Day 20: February 1, 2017 160 | 161 | **Today's Progress**: Coded Daily CSS Images: Vampire Band Aid, Dropbox Menu UI 162 | 163 | **Thoughts:** 164 | 165 | **Link to work:** [CSS Vampire BandAid] (http://codepen.io/sashatran/full/OWvNKv), [Dropbox Menu] (http://codepen.io/sashatran/full/vgRJXv/) 166 | 167 | ### Day 21: February 2, 2017 168 | 169 | **Today's Progress**: Coded Daily CSS Images: Monster, Form UI 170 | 171 | **Thoughts:** 172 | 173 | **Link to work:** [CSS Monster] (http://codepen.io/sashatran/full/zNjoje), [Form UI] (http://codepen.io/sashatran/full/KaRzwq) 174 | 175 | 176 | ### Day 22: February 3, 2017 177 | 178 | **Today's Progress**: Learn some parallax design 179 | 180 | **Thoughts:** 181 | 182 | **Link to work:** [Parallax] (http://codepen.io/sashatran/pen/MJGexY) 183 | 184 | 185 | ### Day 23: February 4, 2017 186 | 187 | **Today's Progress**: Revamp my personal website 188 | 189 | **Thoughts:** 190 | 191 | **Link to work:** [sashatran.com] (http://sashatran.com) 192 | 193 | 194 | ### Day 24: February 5, 2017 195 | 196 | **Today's Progress**: Made my personal website responsive 197 | 198 | **Thoughts:** 199 | 200 | **Link to work:** [sashatran.com] (http://sashatran.com) 201 | 202 | 203 | ### Day 25: February 6, 2017 204 | 205 | **Today's Progress**: Coded the Daily CSS Images: Superman 206 | 207 | **Thoughts:** 208 | 209 | **Link to work:** [CSS Superman Tinder Profile] (http://codepen.io/sashatran/full/egjBar) 210 | 211 | 212 | ### Day 26: February 7, 2017 213 | 214 | **Today's Progress**: Coded the CSS Girl 215 | 216 | **Thoughts:** 217 | 218 | **Link to work:** [CSS Girl] (http://codepen.io/sashatran/full/BpPdMb) 219 | 220 | ### Day 27: February 10, 2017 221 | 222 | **Today's Progress**: Converted PSD to HTML 223 | 224 | **Thoughts:** 225 | 226 | **Link to work:** [Template] (https://codepen.io/sashatran/full/NdEzLm) 227 | 228 | ### Day 28: February 11, 2017 229 | 230 | **Today's Progress**: HTML/CSS Template Design 231 | 232 | **Thoughts:** 233 | 234 | **Link to work:** [Template 2] (http://codepen.io/sashatran/full/KarrVV/) 235 | 236 | ### Day 29: February 12, 2017 237 | 238 | **Today's Progress**: Random Color Generator & Yelp website Icons 239 | 240 | **Thoughts:** 241 | 242 | **Link to work:** [Random Color Generator] (https://codepen.io/sashatran/full/VPqXvX), [Yelp Icons] (https://codepen.io/sashatran/full/zNyBKw) 243 | 244 | ### Day 30: February 14, 2017 245 | 246 | **Today's Progress**: Vue.js Border-Radius Generator 247 | 248 | **Thoughts:** 249 | 250 | **Link to work:** [Vue.js Border-Radius Generator] (http://codepen.io/sashatran/full/QdYXBL) 251 | 252 | ### Day 31: February 15, 2017 253 | 254 | **Today's Progress**: Practiced some Algorithms - Multiple Pointers 255 | 256 | **Thoughts:** 257 | 258 | **Link to work:** 259 | 260 | ### Day 32: February 16, 2017 261 | 262 | **Today's Progress**: CSS Pulsing Button 263 | 264 | **Thoughts:** 265 | 266 | **Link to work:** [CSS Pulsing Button] (http://codepen.io/sashatran/details/oBVJGP/) 267 | 268 | ### Day 33: February 17, 2017 269 | 270 | **Today's Progress**: CSS Animated Tooltip 271 | 272 | **Thoughts:** 273 | 274 | **Link to work:** [CSS Animated Tooltip] (http://codepen.io/sashatran/full/KaYYBz) 275 | 276 | ### Day 34: February 18, 2017 277 | 278 | **Today's Progress**: CSS Button Animation 279 | 280 | **Thoughts:** 281 | 282 | **Link to work:** [CSS Button Animation] (http://codepen.io/sashatran/details/KaLqKR) 283 | 284 | 285 | ### Day 35: February 19, 2017 286 | 287 | **Today's Progress**: Instagram Inspired Loader & Reddit Cat Feed Generator 288 | 289 | **Thoughts:** 290 | 291 | **Link to work:** [CSS Loader] (http://codepen.io/sashatran/full/KajPqa), [Reddit Cat Feed Generator](http://codepen.io/sashatran/full/LxKjNx/) 292 | 293 | 294 | ### Day 36: February 20, 2017 295 | 296 | **Today's Progress**: Algorithms - Multiple Pointers 297 | 298 | **Thoughts:** 299 | 300 | **Link to work:** 301 | 302 | 303 | ### Day 37: February 21, 2017 304 | 305 | **Today's Progress**: Algorithms - Recursion, CSS Binoculars 306 | 307 | **Thoughts:** 308 | 309 | **Link to work:** [CSS Binoculars](https://codepen.io/sashatran/full/ZLgmJo) 310 | 311 | ### Day 38: February 22, 2017 312 | 313 | **Today's Progress**: Algorithms - Recursion 314 | 315 | **Thoughts:** 316 | 317 | **Link to work:** 318 | 319 | 320 | ### Day 38: February 23, 2017 321 | 322 | **Today's Progress**: Algorithms - More Recursion 323 | 324 | **Thoughts:** 325 | 326 | **Link to work:** 327 | 328 | ### Day 39: February 24, 2017 329 | 330 | **Today's Progress**: SVG Filter Gooey Button, Algorithms - Pure recursion vs Helper method 331 | 332 | **Thoughts:** 333 | 334 | **Link to work:** [SVG Filter Gooey Button] (http://codepen.io/sashatran/details/WpbGEE) 335 | 336 | ### Day 40: February 25, 2017 337 | 338 | **Today's Progress**: Algorithms - Pure recursion vs Helper method 339 | 340 | **Thoughts:** 341 | 342 | **Link to work:** 343 | 344 | ### Day 41: February 26, 2017 345 | 346 | **Today's Progress**: Algorithms 347 | 348 | **Thoughts:** 349 | 350 | **Link to work:** 351 | 352 | ### Day 42: February 27, 2017 353 | 354 | **Today's Progress**: CSS Search UI 355 | 356 | **Thoughts:** 357 | 358 | **Link to work:** [Search UI](http://codepen.io/sashatran/details/XMbGGR) 359 | 360 | ### Day 43: February 28, 2017 361 | 362 | **Today's Progress**: CSS Gallery Hover Effect 363 | 364 | **Thoughts:** 365 | 366 | **Link to work:** [CSS Gallery Hover Effect](http://codepen.io/sashatran/details/aJvaEG) 367 | 368 | 369 | ### Day 44: March 1, 2017 370 | 371 | **Today's Progress**: CSS Gallery Hover Effect 372 | 373 | **Thoughts:** 374 | 375 | **Link to work:** [CSS Magnifying Glass](http://codepen.io/sashatran/full/wJMezj) 376 | 377 | ### Day 45: March 2, 2017 378 | 379 | **Today's Progress**: CSS Box Animation 380 | 381 | **Thoughts:** 382 | 383 | **Link to work:** [CSS Box Animation](http://codepen.io/sashatran/details/LWprpK) 384 | 385 | ### Day 46: March 3, 2017 386 | 387 | **Today's Progress**: CSS Camera 388 | 389 | **Thoughts:** 390 | 391 | **Link to work:** [CSS Camera](http://codepen.io/sashatran/full/mWEdwR/) 392 | 393 | ### Day 47: March 4, 2017 394 | 395 | **Today's Progress**: Practice Algorithms 396 | 397 | **Thoughts:** 398 | 399 | **Link to work:** 400 | 401 | ### Day 48: March 5, 2017 402 | 403 | **Today's Progress**: Practice Algorithms 404 | 405 | **Thoughts:** 406 | 407 | **Link to work:** 408 | 409 | ### Day 49: March 6, 2017 410 | 411 | **Today's Progress**: CSS Luggage 412 | 413 | **Thoughts:** 414 | 415 | **Link to work:** [CSS Luggage](http://codepen.io/sashatran/full/QpKVxY/) 416 | 417 | ### Day 50: March 7, 2017 418 | 419 | **Today's Progress**: VueJS Zipcode Finder 420 | 421 | **Thoughts:** 422 | 423 | **Link to work:** [VueJS Zipcode Finder](http://codepen.io/sashatran/full/peNaXE/) 424 | 425 | ### Day 51: March 8, 2017 426 | 427 | **Today's Progress**: Practice Algorithms 428 | 429 | **Thoughts:** 430 | 431 | **Link to work:** 432 | 433 | ### Day 52: March 9, 2017 434 | 435 | **Today's Progress**: Practice Algorithms 436 | 437 | **Thoughts:** 438 | 439 | **Link to work:** 440 | 441 | ### Day 52: March 10, 2017 442 | 443 | **Today's Progress**: Practice Algorithms 444 | 445 | **Thoughts:** 446 | 447 | **Link to work:** 448 | ### Day 53: March 11, 2017 449 | 450 | **Today's Progress**: Website with Anime.js 451 | 452 | **Thoughts:** 453 | 454 | **Link to work:** [Website with Anime.js](http://codepen.io/sashatran/full/evWmoQ/) 455 | 456 | ### Day 54: March 14, 2017 457 | 458 | **Today's Progress**: Responsive Images with Flexbox 459 | 460 | **Thoughts:** Need to learn about masonry 461 | 462 | **Link to work:** [Responsive with Flexbox](http://sashatran.com/demo-1) 463 | 464 | ### Day 55: March 15, 2017 465 | 466 | **Today's Progress**: 467 | 468 | **Thoughts:** 469 | 470 | **Link to work:** 471 | 472 | ### Day 56: March 16, 2017 473 | 474 | **Today's Progress**: 30Days30Site Challenge - Event Invitation 475 | 476 | **Thoughts:** 477 | 478 | **Link to work:** [Event Invitation](http://sashatran.com/project/demo-2) 479 | 480 | ### Day 57: March 20, 2017 481 | 482 | **Today's Progress**: 30Days30Site Challenge - Restaurant Menu 483 | 484 | **Thoughts:** 485 | 486 | **Link to work:** [Restaurant Menu](http://sashatran.com/project/demo-4) 487 | 488 | ### Day 58: April 10, 2017 489 | 490 | **Today's Progress**: CSS Torii Shrine Gate 491 | 492 | **Thoughts:** 493 | 494 | **Link to work:** [Torii Shrine Gate](https://codepen.io/sashatran/full/ZegwMq/) 495 | 496 | 497 | ### Day 59: April 19, 2017 498 | 499 | **Today's Progress**: Window Scroll Effect 500 | 501 | **Thoughts:** 502 | 503 | **Link to work:** [Window Scroll Effect](https://codepen.io/sashatran/full/Njxzom/) 504 | 505 | ### Day 60: April 26, 2017 506 | 507 | **Today's Progress**: Input UI Animation 508 | 509 | **Thoughts:** 510 | 511 | **Link to work:** [Input UI Animation](https://codepen.io/sashatran/full/dWNYEv/) 512 | 513 | ### Day 61: April 28, 2017 514 | 515 | **Today's Progress**: UI + React 516 | 517 | **Thoughts:** 518 | 519 | **Link to work:** [UI + React](https://codepen.io/sashatran/full/jmBbNL/) 520 | 521 | 522 | ### Day 62: May 2, 2017 523 | 524 | **Today's Progress**: Button UI + React 525 | 526 | **Thoughts:** 527 | 528 | **Link to work:** [Button UI + React](https://codepen.io/sashatran/full/xdrGjL/) 529 | 530 | 531 | ### Day 63: May 30, 2017 532 | 533 | **Today's Progress**: Hover Effect with Pseudo Elements 534 | 535 | **Thoughts:** 536 | 537 | **Link to work:** [Hover Effect with Pseudo Elements](https://codepen.io/sashatran/pen/KmOwao) 538 | 539 | ### Day 64: May 31, 2017 540 | 541 | **Today's Progress**: Slide Open SVG Experiment 542 | 543 | **Thoughts:** 544 | 545 | **Link to work:** [Slide Open SVG Experiment](https://codepen.io/sashatran/full/xdeMLY) 546 | 547 | -------------------------------------------------------------------------------- /resources.md: -------------------------------------------------------------------------------- 1 | # Recommended resources 2 | 3 | ## Helpful Articles 4 | 1. [Gentle Explanation of 'this keyword in JavaScript](http://rainsoft.io/gentle-explanation-of-this-in-javascript/) 5 | 6 | ## Projects and Ideas 7 | 1. [FreeCodeCamp](https://www.freecodecamp.com) 8 | 2. [The Odin Project](http://www.theodinproject.com/) 9 | 10 | ## Other resources 11 | 1. [CodeNewbie - #100DaysOfCode Slack Channel](https://codenewbie.typeform.com/to/uwsWlZ) 12 | 13 | ## Tools 14 | 1. [cntr](https://github.com/nsgonultas/cntr): A command line day counter to track your progress easily 15 | 16 | ## Books (both coding and non-coding) 17 | 18 | ### Non-Coding 19 | 1. ["The War of Art" by Steven Pressfield](http://www.goodreads.com/book/show/1319.The_War_of_Art) 20 | 2. ["The Obstacle is the Way" by Ryan Holiday](http://www.goodreads.com/book/show/18668059-the-obstacle-is-the-way?ac=1&from_search=true) 21 | 3. ["Ego is the Enemy" by Ryan Holiday](http://www.goodreads.com/book/show/27036528-ego-is-the-enemy?from_search=true&search_version=service) 22 | 4. ["Meditations" by Marcus Aurelius](https://www.goodreads.com/book/show/662925.Meditations) 23 | 24 | ### Coding 25 | 1. "Professional Node.js" by Teixeira 26 | 2. ["Eloquent Javascript" by Marijn Haverbeke](http://eloquentjavascript.net/) - available online (free) & as a paperback 27 | 3. "Mastering JavaScript" by Ved Antani 28 | 29 | ## Contents 30 | * [Rules](rules.md) 31 | * [Log - click here to see my progress](log.md) 32 | * [FAQ](FAQ.md) 33 | * [Resources](resources.md) 34 | -------------------------------------------------------------------------------- /rules.md: -------------------------------------------------------------------------------- 1 | # Rules of the 100 Days Of Code Challenge 2 | 3 | ## Main Commitment 4 | ### *I will code for at least an hour every day for the next 100 days.* 5 | 6 | #### Start Date 7 | January 11th, 2017. 8 | 9 | ## Additional Rules 10 | 1. I will tweet about my progress every day -> using the hashtag #100DaysOfCode 11 | 2. If I code at work, that time won't count towards the challenge. 12 | 3. I will push code to GitHub every day so that anyone can see my progress. 13 | 4. I will update the (Log)[log.md] with the day's progress and provide a link so that others can see my progress. 14 | 5. I will work on real projects, facing real challenges. The time spent doing tutorials, online courses and other similar resources will NOT count towards this challenge. (If you've just started learning to code, read [FAQ](FAQ.md)) 15 | 16 | 17 | ## Ideas to make this challenge more effective 18 | 1. To increase the chances of success, it's a requirement that you add a link to each of the day posts in the [log](log.md). It can be a link to a commit on GitHub, a link to a blog post 19 | 2. If you get upset or stuck, read this article: [Learning to Code: When It Gets Dark](https://medium.freecodecamp.com/learning-to-code-when-it-gets-dark-e485edfb58fd) 20 | 3. If you don't know why there is such an emphasis on working on the projects vs doing tutorials or online courses, read this: [How to Get a Developer Job in Less Than a Year](https://medium.freecodecamp.com/how-to-get-a-developer-job-in-less-than-a-year-c27bbfe71645) 21 | 4. If you can't push your code to GitHub for some reason (e.g. if you're only starting to code and doing interactive exercises), provide a link to a tweet. You can think of something else as long as your challenge stays public - and you get the benefit of being committed to it and accountable for your progress. 22 | 5. Another good bonus of forking this repo -> if you haven't worked with Markdown before, it's a good way to practice. 23 | 24 | ## Contents 25 | * [Rules](rules.md) 26 | * [Log - click here to see my progress](log.md) 27 | * [FAQ](FAQ.md) 28 | * [Resources](resources.md) 29 | --------------------------------------------------------------------------------