Skip to content

Instantly share code, notes, and snippets.

View RyanCahela's full-sized avatar

Ryan Cahela RyanCahela

View GitHub Profile
@RyanCahela
RyanCahela / gist:7d227b16ec22db047a1007cc8cb93091
Created February 14, 2019 19:33
Html wireframe for my portfolio
Live
https://ryancahela.github.io/Portfolio-2019/
Repo
https://github.com/RyanCahela/Portfolio-2019
Tag line:
I’m Ryan and I love design,css,javascript,react,UX,Animations.
Hello, my name is Ryan Cahlea and I’m a current student in the Thinkful coding bootcamp. I’ve been building websites as a hobby for over 5 years and have decided to make it my career. I love the creativity and attention to detail that software development provides. I think the internet is the most powerful communication medium humans have ever created. I feel lucky to be alive in such an exciting and innovative time. Check out my projects below and let me know what you think.
Project 1
Food Origin Master(jQuery,Vanilla Javascript,CSS,Event Listeners)
LIVE DEMO
https://ryancahela.github.io/food-quiz-app/
REPO
https://github.com/RyanCahela/food-quiz-app
1. Is jQuery still used in modern 2019 production code?
2. Should I be using local/session storage or is it better to just send everything to the server?
3. Are concerns about cross browser support still relevant for basic js methods like querySelctor()?
4. What is a capability that jQuery has that vanilla js doesn't?
5. Is jQuery too 'heavy' to offer a fast mobile experience?
function getTokens(rawString) {
// NB: `.filter(Boolean)` removes any falsy items from an array
//returns an array of words that are lowercase and sorted alphabetically
return rawString.toLowerCase().split(/[ ,!.";:-]+/).filter(Boolean).sort();
}
function mostFrequentWord(text) {
let words = getTokens(text);
//creates an empty object
//Make student reports
https://repl.it/@Stompy32/Make-student-reports-drill
//Enroll in summer school
https://repl.it/@Stompy32/Enroll-in-summer-school-drill
//Find by id
https://repl.it/@Stompy32/find-by-id-drill
//Validate object keys
//Object Creator
https://repl.it/@Stompy32/RealisticGrimFactor
//Object Updater
https://repl.it/@Stompy32/Object-updater-drill
//Self-Reference
https://repl.it/@Stompy32/Self-reference-drill
//Deleting Keys
In javascript scope is the idea that variables are only accessible within a certain context.
Where the variable is declared is considered to be its lexical scope. Variables created in the highest lexical scope
otherwise known as the 'global scope' are gernerally considered a bad idea. Globals can potentially intoduce unintended
variable assignment that make your program hard to reason about. If you are not careful declaring global variables can cause your functions to produce side effects.
Function side effects are when a function changes something outside of its scope. Sometimes side effects are intentional such as saving data to a data base.
When function side effects are unintentional is when bugs can arise. Its considered good practice to make your functions 'pure' (without side effects) unless you have a specific reason.
We can utilize 'use strict'; in javascript as a safe guard agains creating global vaiables. When in strict mode the javascript engine will throw an error whenever a global variable is d
//Max/min drill
https://repl.it/@Stompy32/min-and-max-without-sort-drill
//Compute the average
https://repl.it/@Stompy32/average-drill
//fizz buzz
https://repl.it/@Stompy32/fizzbuzz-drill-js
//Array Copying I
https://repl.it/@Stompy32/Array-copying-I-drill
//Array Copying II
https://repl.it/@Stompy32/Array-copying-II-drill
//Squares with map
https://repl.it/@Stompy32/Squares-with-map-drill
//Sort