Can you describe what it is that is causing to concern?
You lucky, I was building a list of training resources for work. Use any that interests you. When I get a chance, I will be making a Github pages website for these and many more training resource links.
Code Bootcamps’ Free Prep courses
- Viking Code School
- Fullstack Academy
- Flatiron School
- Firehose Project
- General Assembly
- Hack Reactor
- Le Wagon
- devCamp by Bottega
- Intro to jQuery (codecademy.com)
- Make an Interactive Website (codecademy.com)
- Learn how to use the SoundCloud API! (codecademy.com)
- Learn how to use the YouTube API! (codecademy.com)
- jQuery Path (FCC)
- Create HTML5 Apps with jQuery Jump Start(MVA)
- Preparing for Exam MTA 98-375 HTML5 App Development Fundamentals (MVA)
- jQuery Online Training (tutorialspoint.com)
- HTML/JS: Making webpages interactive (khanacademy.org)
- HTML/JS: Making webpages interactive with jQuery (khanacademy.org)
- Intro to JS: Drawing & Animation (khanacademy.org)
- Using jQuery Core (jquery.com)
- jQuery Events, from jQuery Documentation (jquery.com)
- jQuery AJAX, from jQuery Documentation (jquery.com)
- jQuery API (jquery.com)
- Some Important jQuery Methods (code.tutsplus.com)
- Chrome Dev Tools (developer.chrome.com)
- You Might Not Need jQuery (youmightnotneedjquery.com)
- Four Things Web Developers Need to Know about Debugging in Visual Studio 2013(credera.com)
- I Love My IIFE (gregfranko.com)
- Immediately-Invoked Function Expression (benalman.com)
Books, Videos or Online Guides?
Guidence Needed before strarting the Advanced Sections
Thank you!! I will definitely check these out. These are sure to be helpful.
I will check those out, too. Thanks very much!
Actually, I should say that I DO get what it’s for, but I don’t quite get how all the pieces fit together. I feel like I’m back in freshman Algebra class.
Irony, now that Im learning more about it, Im realizing oh…those bits and pieces are literally it…the whole thing turned out to be a lot simpler than I realized it was…I just needed that one last bit of info oh how they all work together and not just what they were independently.
Programming is the process of using technology to solve a problem, big or small. When you have a problem, you don’t look at it in how do you solve this big complex problem.
You take the big complex problem and broke it into many smaller problems. Then, you go about solving the smaller problems, which in turn will solve the bigger complex problem.
All programming languages have the same little bits.
- Storing data in a container.
- Using loops to examine and process the container.
- Using conditionals and switches to control the process flow.
- At the end, you have solved a problem.
The hard part is truly understanding the problem you are attempting you solve. There are many companies who didn’t fully understand the problem, choosing the wrong path and solution. They end up failing wasting money and resources, because they didn’t understand the problem needing to be solved.
That part I got…it was more of trying to comprehend how the parts of the formula go together. Like as a complete beginner, learning what a function, array, loop, conditional, etc was,with no direction to how they connect together was where I felt directionless… Sort of like …explaining what flour, butter and milk is and finishing up with…And thats how you make bechamel sauce!! lol
Of course now that Ive fille din that blank, it makes sense in a…oh jeez of course Ive got this…kind of way. But I learned that through doing the exercises here on FCC and also taking the course on CodeAcadamy. But yeah, just learning what the parts of code meant without any kind of full picture to connect them together left me feeling lost…
Yep–I’m a conceptual learner and learning in little chunks sometimes makes me feel lost. But “little chunks” is the nature of coding, I guess.
Ah, I have been there before. I would say the best way to understand how it all fits together is do small projects. The more you work on build things the more sense it will make. In a broad sense programming is solving a puzzle or a question.
Lets say I ask you to code a guess the number game. The game makes use of a random number between 1 and 10. The number is generate but not shown. As a player I have 3 tries to guess the number. If I fail to guess the number I lose, If I guess before my 3 guess are up I win. Also each wrong guess will tell me “to high” when I am over the number or “to low” when I am below the number.
Now look at it from the point of view of the programmer. You will need a few things to make this app.
- need to generate a random number and store it in a variable.
- need a user input
- need to send a response
- need to track the number of tries
- app runs until the number of tries have been exhausted or the guess is correct.
What does the page look like?
How does the user interact with it?
How do they see the response (to high/low, you win, you lose)
Now make what you have drawn in html, do not worry about function just yet, just make the interface so you can see it. Look at it and think about how a user will interact with it, make sure it makes sense for the user.
You will have the random number generated when the page loads in the browser, but should it display a I’m ready message or just wait for the users first guess?
How does the user enter a value? Text field? select drop down? radio buttons? a slider?
How is the guess sent to the code? A button that read Guess? when the for value field loses focus?
do you show failed guesses?
What I am trying to show here is programming is about taking a problem and breaking it down into smaller and smaller chunks which can then be made into a function and each function should perform 1 simple task. So thinking about the app above you need one function to get a random number between 1 and 10. This random number will need to store the number in a variable and it should do this when the html page is loaded.
So if you do some searching you will see a few way to do this and one of the popular ones is jQuery.
in script tags you can add the following
this will run after the html page is fully loaded and is ready.
inside of that add
var number = 1 + Math.floor(Math.random() * 10);
and there we go. now you have code that will make a random number between 1 and 10 and will work on the html ready, not a on page load but close enough.
Now what is the next thing to add?
and you keep doing this until you complete all of the parts (functions, events, html, css and logic) that will make the entire app.
I am skipping over a lot, but I just want to give you a “how it fits together” I hope you find this helpful.