Closed shawnbot closed 8 years ago
I haven't played with it in years, but I had a really good experience with Codecademy. Everything is done through interactive tutorials rather than videos followed by exercises, which I really appreciated.
Lynda: http://www.lynda.com/search?q=front-end+development Can be a bit on the deep end at times but https://scotch.io/tutorials is good. http://exercism.io/ is a different way to learn and optimize too.
If folks are looking for bootcamps, Turing School is a non-profit one here in Denver. They have two seven month programs, so maybe more intensive than some of the other schools I don't really know. They also have a diversity scholarship. Galvanize and GA also seem popular, don't know about value for those but they exist do outside of Denver (why anybody would want to do that, I don't know).
Here are some classes I found recently:
Here's a lesson plan I've been using for teaching. The student is creating HTML, CSS layouts for part of her job using a CMS and wanted to improve how she was writing her code.
https://medium.com/net-magazine/interview-with-h%C3%A5kon-wium-lie-f3328aeca8ed#.ts6nfhdrv
https://robots.thoughtbot.com/basic-css-selectors-explained-with-cats https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Selectors
http://learn.shayhowe.com/html-css/getting-to-know-html/
Finish the following exercise. There is one selector we haven't learned: the attribute selector. I think you should try it out (read about it from the readings and references) and we can go over it separately if needed. http://flukeout.github.io/
We'll be doing the following HTML5 semantics test. http://webdesign.tutsplus.com/articles/quiz-do-you-understand-semantic-html--cms-24479
These are some good resources to look at when doing the homework and you get stuck (besides just searching on google and MDN) https://css-tricks.com/how-css-selectors-work/ https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Syntax https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Selectors
!important
and attempt to remove it.We'll continue to learn laying out things on a page, and will start to learn a very new layout technique: flexbox.
This is what you'll be quizzed on next week, so make sure you know it well. It's a quiz on our specificity and selectors lessons.
http://flexboxfroggy.com/ - Play through the whole thing, make sure you understand the concepts of how flexbox works.
@msecret or anyone else - I'm looking for something to include some github explanation, instruction, and edict. That's the biggest thing missing from my personal knowledge that is blocking me from try out some of these things. Is there any place that's good for that? This isn't really just a front-end problem, but it still feels like it fits in this conversation.
I saw the link to http://exercism.io — I'm a big fan. I've used it to improve my javascript, coffeescript, ruby, and more.
I just happen to be setting up an 18F team on the site at this very moment. Anyone who wants in, let me know.
This just popped reddit a few days ago and looks interesting - https://www.reddit.com/r/webdev/comments/4m1z87/udacity_nanodegree_review_frontend_web/
Lots of people have asked in Slack about where they should beef up on their front end skills. We might have to be careful about explicitly endorsing paid resources, but maybe we could start here with a list and figure out which ones we can/should "officially" suggest?