🎉 Day 100/#100DaysOfCode 🎉 It's been a great ride! https://virtual.github.io/100daysofcode/
- Teach others as you can–it's the best way to solidify a concept
- Learn github well & contribute!
- Always consider your team's thoughts
@digitalocean #hacktoberfest 💙 #freecodecamp
Does this count as my first iphone? 😜 Working in xcode is amazing for #ReactNative. No more issues with connectivity and rebooting Expo all the time. Did styling & history updates. #mtcs07boz 99/#100DaysOfCode
🏆 Updating my sites to use the holy grail layout with #flexbox 🃏 Learning Jest with Enzyme for #javascript testing 🎈 Celebrating my birthday with good food & friends! 98/#100DaysOfCode
Added validator & zxcvbn password strength checker (amazing!) to sign up form and tweaked styles. (Took me awhile to realize that's named after the bottom row of the keyboard!) ;P 97/#100DaysOfCode https://github.com/dropbox/zxcvbn
Moving along with this coffee app, added in more Material Design and MomentJS. Going to try out xcode instead of Expo for React Native tomorrow--tired of fighting connections. 96/#100DaysOfCode
Not feeling so ambitious this holiday weekend so enjoying a fun "game" of zombie destruction with Flexbox Zombies! Thanks for the recommendation @PeteCapeCod ;) 95/#100DaysOfCode #ReactNative https://geddski.teachable.com/p/flexbox-zombies
Looking into @omniupdate's gadgets, and I'm very impressed with @jesseclark's public repos and kind sharing of gadget code. (Thank you!) I'm excited that I may be able to put my recent learning to use in OU. 94/#100DaysOfCode
Know some #React but curious to understand how #VueJS works? This great vid @traversymedia goes through an overview of the similarities and how to set it up! https://www.youtube.com/watch?v=z6hQqgvGI4Y 93/#100DaysOfCode #freecodecamp
🦃 Thanksgiving 🦃
Happy Thanksgiving everyone! I'm #ThankfulFor @freeCodeCamp #100DaysOfCode @udemy @mtcodeschool @LambdaSchool and all my fellow coders for the motivation and inspiration throughout this year! 😘
- Need to check out Github Passport Authentication
☕ MobX with React Native for a Coffee app = working! Experiencing Python/Pi fun with my @mtcodeschool project teammate and a four-letter pHAT. Ready for a four-day weekend. #mtcs07boz 91/#100DaysOfCode
React Native: moving forward. 🚀 Sign up and login routes working; learning about the navigator and refreshing my flexbox muscles! 90/#100DaysOfCode
- Idea: Make 100DaysOfCode day generator (Day 1 - 100 with day)
- Watching React Native from Tyler McGinnis
I don't think mobile apps are for me. Another frustrating day trying to develop in React Native. 😥 89/#100daysofcode
Started developing with React Native: successfully added a button... Also, played around with my new Raspberry Pi! 💻 88/#100DaysOfCode
- Code School: GoLang
My afternoon was "abducted" by @codeschool's Close Encounters with #PHP! (Next up: more Laravel!) https://www.codeschool.com/courses/close-encounters-with-php 87/#100DaysOfCode
Yay! Got a form file input saving uploaded images to an S3 Bucket with help from @heroku's great walkthrough. https://devcenter.heroku.com/articles/s3-upload-node 86/#100DaysOfCode #javascript #womenintech
Got out for a fun @DTNBZN Ladies Night in between 8 hours of integrating Material Design, SVG animation, S3 configurations and a nice #javascript Meetup with @jcs224! 85/#100DaysOfCode https://codepen.io/virtual/pen/Ebbxae
- Never count on users reading documentation
- Intro.js • Installation provides a interactive way for users to learn how to use your site
- Intro.js React wrapper NPM
- Keep track if it should run (stepsEnabled) with a newUser flag or similar on user accounts
Great @mtcodeschool Q&A with @Wisetail about learning new technology, using domain modeling & design patterns, along with book recommendations like Clean Code & The Pragmatic Programmer. #mtcs07boz 84/#100DaysOfCode
- Visit from Wisetail Q&A
- Visit from Zoot Enterprises
- CodeSchool.com - Try Laravel
- Status Errors
- Manually sending response code
Raspberry Pis, post-its, and messing more with @socketio & @materialdesign. Lots of learning today, but maybe not so much progress 😛 83/#100DaysOfCode #javascript
Starting our second round of @mtcodeschool apps today. Giving @materialdesign another try; will be using React, PostgreSQL, Express, Node and feature coffee! ☕ #mtcs07boz 82/#100DaysOfCode
☕ Starting new project! ☕
- Coffee Pot Pi
- React Material Design - M Laursen
- Template Literals for long queries
- Countdown Timer
- Introduced to React Native
- Expo - Easily build apps with React Native
So close to finished with this app-just realizing I don't have an edit function. 🍲 Added meta, error message and XSS cleaning for inputs. https://fcc-recipe.herokuapp.com/ 81/#100DaysOfCode #freecodecamp
Ordered a Raspberry Pi and reviewing Python from @SoloLearn to prepare for a possible next project! (Any suggestions for newbie Pi tutorials?) 80/#100DaysOfCode
- Helped dev with Flexbox
- SoloLearn Python 3
- https://www.raspberrypi.org/
- 9 amazing projects where Arduino & Art meet!
- Top 10 Raspberry Pi Projects for Beginners
Eee! Recipe app finally up and running on @Heroku! My buddy was even kind enough to add his favorite recipe. Needs a little more TLC tomorrow. https://fcc-recipe.herokuapp.com/ 79/#100DaysOfCode
- Recipe Collector - Heroku
- Added in dynamic inputs for ingredients
Back to working on my @freeCodeCamp #RecipeApp I started in April! Satisfying to finally understand enough to finish it. 78/#100DaysOfCode
SQL: Structured Query Language.
- Mark's super awesome app
- Getting Started with PostgreSQL on Mac OSX
- Node Postgres
- Heroku can use PostgreSQL
- Yellowstone Odyssey refactored using PostgreSQL for Login & Sights pages
#Javascript Promises! 🎁 Wish I learned about these earlier. https://developers.google.com/web/fundamentals/primers/promises https://davidwalsh.name/promises 76/#100DaysOfCode #freecodecamp
#Thankful for my @mtcodeschool teacher for helping me get Passport working w/ MobX for React (& baking cookies! 🍪) 75/#100DaysOfCode
Brain tired; think I'm catching a cold... 😴 pushed thru & submitted exercism_io pangram! http://exercism.io/submissions/8af111c3a4354108bc4e7243299c301d 74/#100DaysOfCode
Finished #javascript simple-cipher exercise at exercism_io - Leave me a nitpick at http://exercism.io/submissions/618f04a913e34fa0849395540189581b 73/#100DaysOfCode
Learned more about Workiva's Missoula team; started working through MobX and problems on exercism_io #mtcs07boz 72/#100DaysOfCode
Great connections at our @mtcodeschool demos tonight! Thanks to everyone who came out for support 🎉 #mtc07boz 71/#100DaysOfCode
⭐ Demo Day ⭐
- Yellowstone Odyssey App
- CRUD for Sights administration
- Quizzes save to database
- Scores work and update successfully
- Geolocation worked well
- Asked about authentication framework (Passport)
Wishlist
- Manage state better, possibly with MobX or Redux
- Better authentication
- Check on why Facebook share didn't work
- Cuter badge for Twitter
One day until our demos for @mtcodeschool #mtcs07boz! Refactored code & took team pics 📷 https://yellowstone-odyssey.herokuapp.com/contactinfo 70/#100DaysOfCode
- Refactored Contact page to use Array of info
- Added in Google Analytics
- Fun team photos!
Implemented geolocation w/ Haversine formula calculations to find the closest landmarks! 🗺️ https://en.wikipedia.org/wiki/Haversine_formula 69/#100DaysOfCode
-
Haversine NPM to display closest location
-
Cleaned up React warnings, added keys
-
Added in Save animation for Edit Sights page and redirect to /admin listing
-
Finished Hackoberfest 2017 with 11 PRs! Ordered t-shirt!
My first ever deployment to @Heroku today for a quiz app. To do: Route fixing. https://yellowstone-odyssey.herokuapp.com/ 68/#100DaysOfCode #mtcs07boz
-
Fixed all A tags to Link tags to keep Router working
-
Deployed to Heroku
-
Changed all fetch calls to use Axios
-
Added in dotenv NPM package and set ENV routers
-
Changed all paths to secure (https)
-
Missed dentist appointment 🤷
Week 6 Complete of Montana Code School (Halfway Through!)
Spent a few too many hours trying to fix my login only to break my signup page. Time for a lazy Sunday afternoon. 67/#100DaysOfCode
- Signup with Passport working
- Trying to clean up and get login working for a simple login template, but can't get both signup and login cooperating.
📚 Reading: How to Win Friends and Influence People in the Digital Age
Better understanding React state & comps with Colt Steele's Advanced Bootcamp & reading up! https://reactjs.org/docs/thinking-in-react.html 66/#100DaysOfCode
A few takeaways from Thinking in React
- Designer's Photoshop layer names may end up being the names of your React components.
- Components that appear within another component in the mock up design should appear as a child in the (folder) hierarchy.
- Build a static version in React (without state) first, and then add in state after all components are ready
And in deciding state, ask three questions about each piece of data:
- Is it passed in from a parent via props? If so, it probably isn’t state.
- Does it remain unchanged over time? If so, it probably isn’t state.
- Can you compute it based on any other state or props in your component? If so, it isn’t state.
Built out more CRUD for our Quiz project (MERN app) and played show-and-tell with #mtcs07boz Hello, weekend! 🎉 65/#100DaysOfCode
- Created a sights dashboard that allows users to edit and save changes for each
- Possible to-do: Option to create and delete sights
Working on sessionStorage and scoreboards for our Yellowstone quiz app. #mtcs07boz 64/#100DaysOfCode
Built out the logic to save & update scores for our Yellowstone Quiz (MERN) App. #mtcs07boz 63/#100DaysOfCode
Working to understand #reactjs lifecycles, and when to use (or not use) state. + Good company from jakedolan 🍻 62/#100DaysOfCode
Continuing to plug away at developing our @mtcodeschool apps. #Bozeman demos 11/2 at @Wisetail! #mtcs07boz 61/#100DaysOfCode
- Reviewed user stories
- Revised MongoDB schemas to include quiz types and scores
- Updated Quiz to resolve scores
- Still working through, not feeling hopeless, but still not all sure of ourselves and what we can/can't do
Today trying out some game dev with @melonJS & Tiled Map Editor. Slow-going but satisfying! http://melonjs.github.io/tutorial-platformer/ 60/#100DaysOfCode
Game development with melonJS!
Had trouble working with an NPM quiz module, so I spent the day writing my own to work the way I wanted! 🎊 #ReactJS 59/#100DaysOfCode
- Met up with Emily at Coldsmoke and worked through some updates ☕
- Updated and optimized images
- Learned you can make a fork of an NPM and manage it independently as an NPM resource
- You must restart react manually if you make a change to JS outside the scope of normally watched files (eg NPM)
- Decided to write Quiz module ourselves so we could manage it and implement things that didn't seem to work in the included NPM
Neat tool for CORS workarounds: https://crossorigin.me/ Implemented Passport and attempted local storage 58/#100DaysOfCode #mtcs07boz
- Working with Axios for fetches - Promise based HTTP client for the browser and node.js
- Working through CORS issues (unresolved) with National Parks API
- Spent most of the day implementing Passport for authentication
- Began implementing local storage / sessions but it doesn't seem quite integrated
- Randomized featured cards using React props for order and limit
Implemented @LeafletJS and looked into the national parks API (nice docs but CORS issues!) 57/#100DaysOfCode #mtcs07boz
- React LeafletJS
- Learned how to request additional fields from the National Parks API
- Developed out single Sight info page for Yellowstone Odyssey
A long but productive day: implemented mLab to have a shared mongodb for our team, added data and routes 56/#100DaysOfCode #mtcs07boz
- mLab for external MongoDB
- Long day of getting information to pull for one sight. (Very frustrating!) Missing the understanding of tying React routes to the Express routes (working in Postman!)
- With Mark's help used a different named route to get information for a single sight: /sightInfo instead of /sight/:id
Starting on group projects and building out our @balsamiq wireframes for @mtcodeschool / #mtcs07boz 🐃 55/#100DaysOfCode
- Implemented javascript-quiz-using-json and rebuilt to allow for element to be placed inside a div
- Developed quiz questions
- Added feature card components
What do you do when you enjoy using @semanticui but start developing in #ReactJS? 🎉 Celebrate! https://react.semantic-ui.com/elements/button 54/#100DaysOfCode
- Semantic UI for React
- Jest for TDD in React
- Open Space Technology to generate ideas and processes for project pitching, voting, and team formation
So much to learn about #Javascript & web dev; at least we'll never be bored 😉 53/#100DaysOfCode #freecodecamp
- freeCodeCamp - Timestamp Microservice
- Headfirst Design Patterns, Observer Pattern (Subject & Subscribers)
- Six Simple Mind Tricks to Help You Learn JavaScript Faster
- The MVC Design Pattern in Vanilla JavaScript
Completed #freecodecamp's learnyoumongo challenge & checked out glitch for app dev. 52/#100DaysOfCode
Presented our music apps today. Any #recommendations for tuts on using #reactjs with Mongo/Express? 51/#100DaysOfCode #mtcs07boz
Halfway through! 🏆 50/#100DaysOfCode Continued working through an app using the @Spotify API https://github.com/virtual/happy-songs #mtcs07boz
We were warned we'd reach a low point during @mtcodeschool. React/Mongo (Upside: it can only get better?) #mtcs07boz 49/#100DaysOfCode
Spent a full day tying pieces together for a 🎵 project using the @Spotify API! #mtcs07boz montanacodeschool 45/#100DaysOfCode (48)
Refactored code and "lifted the state" for this small React app. Beautiful photos from unsplash giphy 48/#100DaysOfCode #mtcs07boz
- Use React "exact" option for home route
- React Router Intro
- React Weather App (lifted state)
Submitted 4th PR for #Hacktoberfest & watched videos from @mpjm on functions & promises 🐱🐱🐱 47/#100DaysOfCode
My project is currently a mess of React and EJS... but I've got an API loading & @semanticui to make it pretty! 👩🎨 46/#100DaysOfCode
Researching how to store keys & secret squirrel passwords in project's config.js. Starting a video library project! 44/#100DaysOfCode
Angered the API gods by accidentally calling React components from each other's template. (Loop!) ☁️ Lesson learned! 43/#100DaysOfCode
- React Weather App using OpenWeatherMap API
- Passing Props
- Arrow functions allow you to run a callback without changing scope
- Lifting State Up
My first #hacktoberfest pull request resulted in a nice note! 🌮🌮 Anyone else trying some? 42/#100DaysOfCode https://hacktoberfest.digitalocean.com/
- Pull Request (accepted!) for AlgoWiki
- New server setup with server side fetch for Giphy API
🌈 Because unicorns vomiting rainbows & @reactstrap make ReactJS app development that much more fun. 🌈 41/#100DaysOfCode #mtcs07boz
- reactStuff unicorns and super stahs!
2nd round redoing today's suite of @mtcodeschool exercises on async callbacks--it's slowly making sense! 40/#100DaysOfCode #mtcs07boz
- Intro to ES6: Classes, let, const, arrow functions and import/export
- Quokka.js - enabled per file
Built Colt Steele's RESTful Blog App with fellow #mtcs07boz student Emily! (The blog theme was easily inspired. ☕) 39/#100DaysOfCode
| Name | Path | HTTP Verb | Purpose | Mongoose Method |
|---|---|---|---|---|
| Index | /dogs | GET | List all dogs | Dog.find() |
| New | /dogs/new | GET | Show new dog form | N/A |
| Create | /dogs | POST | Create a new dog, then redirect somewhere | Dog.create() |
| Show | /dogs/:id | GET | Show info about one specific dog | Dog.findById() |
| Edit | /dogs/:id/edit | GET | Show edit form for one dog | Dog.findById() |
| Update | /dogs/:id | PUT | Update a particular dog, then redirect somewhere | Dog.findByIdAndUpdate() |
| Destroy | /dogs/:id | DELETE | Delete a particular dog, then redirect somewhere | Dog.findByIdAndRemove() |
Reviewing Express, routes, MongoDB and Ajax. Next up, more practice fetching endpoints with $.get. 37 & 38/#100DaysOfCode #mtcs07boz
- f.lux® screen temperature
- Collaborated & presented expressMongooseReview
A slightly frustrating day trying to figure out MongoDB & CRUD w/ Ajax. I'll be excited when it makes sense! 36/#100DaysOfCode #mtcs07boz
Created an Express/Mongo app featuring some of my favorite actresses! 35/#100DaysOfCode #mtcs07boz #javascript https://github.com/virtual/celebrity-app
Learning asynchronous vs synchronous executions with 🎉 partying camels 🐫 & postmanclient! 34/#100DaysOfCode #mtcs07boz #javascript
- Bootstrap 4 (use script includes on homepage)
- jQuery
Playing with crazy, nested timed fading text and word replacement functions! How would you set it up? ;D 33/#100DaysOfCode #mtcs07boz
- Finished What the Flexbox from Wes Bos!
- Enlightening the rainbow of its colors
- John Allwine's Puzzle Popsicle Sticks
- Review Chrome Inspect Debugger
- Chrome Make a minified file readable
- Working through exercises on JS Basics
- Updating a fork to match master
- fadeTo() jQuery function
Studied with mtcodeschool students to work through #javascript challenges & teach them about innerHTML! 32/#100DaysOfCode #mtsc07boz
Developed a small #express app with @semanticui to demo the power of #XSLT to #mtcs07boz! ⚡ https://github.com/virtual/xsl-transform-demo 31/#100DaysOfCode
Finished week 1 of mtcodeschool! Happy (but a bit fried) from all the tools and concepts we've learned. #mtcs07boz 30/#100DaysOfCode
- Review week's topics: Mob programming, TDD (Mocha & Chai), Express, Servers vs. Clients, Node & NPM, Terminal, HTML, DRY (Don't Repeat Yourself) & Inheritance, Hot Keys, Git & Github, Trello, Dependencies, and JS Basics (looping, higher-order functions, string manipulation, conditionals)
- Paired programming & presentation on consonantsOnly()
Full day of #Javascript! Building "Space Dawgz" app, servers w/ #Express, more #ChaiJS. 29/#100DaysOfCode https://github.com/virtual/mtcs-spacedawgz
- Developed code for OmniUpdate Image Snippet
- JS Meetup: Presentation from jcs224 on Adonis (MVC Framework for Node.js to write webapps with less code), and Drone app libraries: Electron, Leaflet, Vue
- Practiced more mob programming with testing
- Introduction to Express and setup of Space Dawgz app
- Review of Node & Node Package Manager
- Enneagram of Personality
Upgrading our test-driven dev programs from plain JS to #MochaJS & #ChaiJS libraries! #mtcs07boz 28/#100DaysOfCode
- "Upgraded" our TDD tests to use Mocha and Chai
- Worked on mob programming for Counting the number of selected letter in string using TDD
- String.prototype.includes()
- Array.prototype.forEach()
- Array.prototype.filter()
- Basic vi Commands
Learning JS TDD (test-driven development). Write test; if passes, write another! 27/#100DaysOfCode https://github.com/virtual/mtcs-tdd #mtcs07boz
- Worked on Test-driven Development and mob programming
- Updated Meteoright App
- Trello for project management
Day 1 of mtcodeschool / #mtcs07boz! Watched ES6 L1 from LambdaSchool & worked more on #flexbox with wesbos. 26/#100DaysOfCode
- Learned Agile processes; used our Kanban board to move tasks around
- Discussed the state of flow and learning
- Intro to the Terminal; made directories, searched for files and set up colors
- Intro to Git / source control using clones
- Practiced mob programming; multiple students around a computer. One to type, one to drive, and the rest to collaborate and work through ideas
- Mob Programming video
- Flow (vs. Panic vs. Boredom)
- Modern Agile
- Bash Completion with Tab
- What the Flexbox
- Lesson 1: Learn JavaScript ES6 Mini Bootcamp by Lambda School
Start of Montana Code School 2017-09-18
(Very belated) improving #Flexbox skills with Wes Bos's great video tutorial. https://flexbox.io 25/#100DaysOfCode #css
Reviewing #Sass on Codecademy & learning more fancy tricks! Use the common part of a property name & colon (:) 24/#100DaysOfCode
- Reviewing Sass
- Designing for Interfaces - online book
- Mr. Rogers and the Power of Persuasion
- Flexbox tutorial recommended by Gildara (Twitter)
Added mobile interaction & made a github #100DaysOfCode log for the first 23 days!
- Update Patatap to be mobile friendly (displays random circle & sound)
- Begin developing out 100daysofcode log
Sounds! 🎵 Colors! 🎨 Built an interactive page with PaperJS & Colt Steele's Patatap course. 22/#100DaysOfCode
- Created Patatap demo
Working through a To-Do from Colt Steele's Web Dev Bootcamp. Nice tips on remove() after fadeOut() & on vs click 21/#100DaysOfCode
Start projects using what you know; refine later using what your project needs. https://youtu.be/DFP6UDgVJtE 20/#100DaysOfCode
I really don't understand it, but I somehow made it through the exercise. #EloquentJS Ch.4 arrayToList() 19/#100DaysOfCode
Building up a page using semanticui; mocking up a virtual community news page. Fun to try out all the components! 18/#100DaysOfCode
Tried out both materialdesign and semanticui. Definitely loving semanticui's documentation more! 17/#100DaysOfCode
Taking time to practice making and approving pull requests in github with other mtcodeschool students! #mtcs07boz 16/#100DaysOfCode
With help of StackOverflow, I refactored my redundant XSL into dynamic templates. (Managing this was insane before!😓) 15/#100DaysOfCode
Submitted my prework for @mtcodeschool and made a simple Inch/CM converter tool 14/#100DaysOfCode #mtcs07boz
Worked on setting up my dev environment on my new MacBook Air & worked through prework for mtcodeschool 13/#100DaysOfCode #mtcs07boz
Finished Pairwise & completely finished with #freecodecamp's Front End Development! 🎉 12/#100DaysOfCode
WIP ~ Still working on solving pairwise with reduce--last advanced algorithm I have yet to complete! #freecodecamp 11/#100DaysOfCode
No repeats please! ☑️ Spent more time fixing regex than I did learning & implementing Heap's algorithm! 10/#100DaysOfCode #freecodecamp
Attended a great 406creatives talk on authenticity, innovation & culture diff from googlemaps builders Garima & Alysia. 9/#100DaysOfCode
Finished Symmetric Difference that I gave up on over a year ago! I also may have reworked the modal 👑 #freecodecamp 8/#100DaysOfCode
Finished some exercises on #EloquentJS. Met up with a fellow coder to develop ideas for projects this fall! 7/#100DaysOfCode
Finally understanding higher-order functions with vids from mpjme / Ch. 5 #EloquentJS 6/#100DaysOfCode
Finally—that green lock of glory from @letsencrypt! Also ex. 38-42 from A Smarter Way to Learn JavaScript 5/#100DaysOfCode
Completed ex. 29-37--date conversions & functions & migrating sites to digitalocean ❤️ 4/#100DaysOfCode
Learned correlation & finished ch. 4 of #EloquentJS (& Migrated email to zoho—great docs!) 3/#100DaysOfCode
Backing up files from site5. Thinking of moving to digitalocean & zoho for SSL support. Ch4/arrays of #eloquentjs 2/#100DaysOfCode
Finished my portfolio migration from #Wordpress to GoHugoIO Next up: implement letsencrypt 1/#100DaysOfCod