You've already started watching FEWD - Project 1
**
-
0:00
Welcome to the first project.
-
0:01
I know you're excited to get started but
-
0:03
let me give you a few tips to make sure you succeed.
-
0:07
First, make sure you've read and understand all the project instructions
-
0:12
and the rubric for how the project will be graded.
-
0:15
This is the same rubric our project reviewers use when grading projects.
-
0:20
So, it's important to read each item and make sure your project meets or
-
0:24
exceeds the specified requirement.
-
0:28
Second, make sure your project files are in order.
-
0:31
Double check that you're not missing any files, make sure the files and
-
0:35
folders are named correctly, and that the files are well organized in directories.
-
0:42
Third, preview your work while you code, and check for any broken or
-
0:46
missing functionality.
-
0:47
Look for HTML and CSS validation errors.
-
0:52
Once you're happy with your project, be sure to commit and push or
-
0:56
sync your changes.
-
0:58
Finally, don't be afraid to ask for help.
-
1:01
You can ask other students in Slack to peer review your project
-
1:04
before you submit it.
-
1:06
You can also use resources like the Treehouse community to ask questions, or
-
1:10
use a search engine like Google to look up the problem that you're having.
-
1:14
Some of these steps might sound obvious to you, but everyone makes mistakes.
-
1:19
Before you start working on your personal profile page, let me show you some
-
1:23
examples of submissions that fall a bit short of a passing grade.
-
1:28
Three common mistakes we see are failed HTML or
-
1:31
CSS validation, image files that are too large, and missing content.
-
1:37
Let me show you an example of each of those.
-
1:40
First, here is a project that looks great from the browser.
-
1:44
A custom profile page and
-
1:46
background image have been included, and they don't exceed the limits, either.
-
1:51
In addition, the placeholder text has been updated to reflect the student's info and
-
1:57
not what was originally given in the starter files.
-
2:00
Links at the bottom point appropriately
-
2:04
towards the student's social network profiles.
-
2:07
But while the project looks wonderful on the outside,
-
2:11
where it needs improvement is in the markup and styling.
-
2:15
When I use an online validator for the HTML, I get an error,
-
2:22
and the only error is this one for a missing alt attribute in an image tag.
-
2:28
Switching to CSS validation, it looks like we get two errors.
-
2:33
There is one for an invalid RGB function on line 98,
-
2:38
and we also have a second error for a missing semi-colon on line 123.
-
2:44
Though HTML and CSS validation errors are some of the most common reasons for
-
2:50
not receiving a passing grade, they are easily detected before submission.
-
2:54
You have access to the same tools we use for validating your code, so be sure to
-
2:59
validate all of your each to HTML and CSS files prior to submitting your project.
-
3:04
Check the project resources for links to these HTML and CSS validators.
-
3:11
The next project also looks great and even more, the validation succeeds.
-
3:15
So why doesn't this project receive a passing grade?
-
3:19
Well, upon closer inspection, we can see that
-
3:24
the original profile image size is 999 kilobytes,
-
3:29
which is much larger then the 400 kilobytes size limit.
-
3:34
And the background picture is even larger at 1.4 megabytes,
-
3:40
when the size limit is listed as 1 megabyte.
-
3:45
Now even though the images display beautifully on the page
-
3:49
thanks to some well coded CSS, these large images would take
-
3:53
much longer to load on the page, especially on mobile devices.
-
3:58
Check the project resources for
-
4:00
tools you can use to downsize your images to fit within the requirements.
-
4:05
Finally in this project, none of the previous errors are present.
-
4:09
HTML and CSS are valid and image sizes fall within the allowable size limits.
-
4:15
But as you can see, there's some content that's in need of personalization.
-
4:21
And though it's possible that there are indeed other Janes out there that
-
4:25
have worked as a professional cook and
-
4:29
gardener, it's more likely that this text just needs some work.
-
4:33
So be sure to update your name, background and
-
4:37
anything else to align with you, not with Jane.
-
4:40
If you're not comfortable sharing personal information, just make something up.
-
4:45
We really just want to make sure you're comfortable
-
4:47
working with text in web pages.
-
4:50
Now, you're ready to succeed on this first project.
-
4:54
We're looking forward to seeing your submission.
-
4:56
And just to remind you, every project can receive an exceeds grade if you've
-
5:01
pushed yourself and tackled a few more challenging requirements.
-
5:05
I encourage you to go for an exceeds on every project.
-
5:09
You'll learn more and your portfolio will turn out even better.
-
5:13
Good luck and have fun.
You need to sign up for Treehouse in order to download course files.
Sign up