- Instructor Presentation
- In-Class Exercises (ICEs)
- Supplementary Materials
- Go here to get Brackets.io for
Windows, Mac, or Linux
While you will be shown the basics
of using Brackets, you will largely be expected to figure out
Brackets.io on your own.
- This is a great time to use (or develop) your
Google/Bing skills. Adding "Brackets.io" to your query
helps tell Google what to focus on. There's not a ton of
pages out there, but you can find some nice stuff, like
https://github.com/adobe/brackets/wiki/How-to-Use-Brackets
- If you like watching helpful videos,
https://www.youtube.com/watch?v=GN0txxeT46A
seems reasonable.
It's about
10 minutes and it's a pretty good overview of Brackets.io.
The author uses an HTML table as an example (which we haven't seen
yet), and he also makes a couple of minor mistakes
(he confuses the file size with the amount of RAM that the
program will use, he keeps mispronoucing indentatio as
"in-den-shun" instead of "in-den-tay-shun").
However, he does show
the nice color picker feature, and does a good job showing off the Live Preview feature (right
around 9:30 - 9 minutes and 30 seconds)
- Warning: You may see references to
Komodo Edit instead of Brackets.io. Komodo Edit was used in a prior quarter.
If you
see something that talks about Komodo Edit please alert your instructor so that the teacher can change that to Brackets.io
- The workflow that
you'll use to edit web pages
This page gives a brief but helpful outline
of how you can edit web pages (and CSS files, and JavaScript
files, etc) on your computer.
- W3C Schools has some good, introductory tutorials on HTML (and JavaScript,
and CSS)
What's nice about them is that they're quick and
focused. They're also very basic. My advice is to use
these to get oriented to the basics and then look for more
detailed web pages if you need to / want to.
Here's a
couple of specific tutorials that you might find useful:
- Udemy has
some pre-recorded videos that explain some basic HTML elements.
I watched the one on lists and it seemed reasonable (I
haven't watched the others).
In order to watch these
you'd need to sign up for a free Udemy account, and then sign up
for this free course. There are lots of course that you
could pay for, but I'd recommend avoiding them (there's lots of
free material available online, and we'll be covering what you
need in this course)
- Video Recordings Of In-Class Lectures
-
Videos from this lecture
- Normally the instructor will attempt to record what's
on his computer screen (and his voice) while lecturing.
After the lecture has concluded (and after the videos have
been prepared for online viewing - this may take a while)
the instructor will put those videos online for your
later, optional viewing. You don't have to watch
them but many people find it useful to review specific
parts of the lecture while doing exercises
- Warning: Occassionally something will go wrong and a
lecture(s) won't be recorded.
Do not rely on these
videos!
This is a face-to-face class
and you're expected to attend every class - please make
use of these videos, but plan on using them as
supplements to the lectures, not replacements.
- Please let the instructor know if the videos haven't
been posted within about a day.
- Ideas for next time
- Show them 'Cornell notes' on the first day
- Make them take notes, go home and review/organize the
notes, bring them in the next class
- Have them reflect on what their strengths are, what their
weaknesses are, and to actively work on their weaknesses