Code Monkey home page Code Monkey logo

homework-landingpage's People

Contributors

amy-b avatar

Watchers

avatar

homework-landingpage's Issues

Feedback on Assignment #4

FEWD Week #4 Project: JavaScript Basics

Description

The team from Relaxr is back...again! They want their page to be more interactive and asked you to add JavaScript to their source code. You've been given the HTML and CSS but will need to create a JavaScript file and add a few different pieces of interactivity: Users should be able to click a link and have the remainder of the blog's content slide down and appear on the page, both on the main content column and the side bar; users should also be able hide the content when they are finished reading. See a detailed technical explanation below.

Student: Amy Burkhoudt

Project URL: https://github.com/amy-b/homework-landingpage
Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Use in-line-block or floats in your CSS to achieve a two-column layout- Prevent a form submission with the event.preventDefault() function x
Use the $.ready() handler to delay your code from executing until all DOM assets have been loaded x
Select the appropriate DOM elements with CSS selectors upon a user's click using the $.click() handler x
Have the text in the <p>tag slide down along with a "Read Less" link in the blog post using,$.slideDown() and $.show() x
Hide the "Read More" link using $.hide() x
Have the <p> slide up and hide the "Read Less" link using $.slideUp() and $.hide() x
Show the "Read More" link using $.show() x
Using the same functions as above, if a user clicks the "Learn More" link in the sidebar, have the '' inside that '

' slide down and hide the "Learn More" link using $.slideDown() and $.hide()

 x
TOTAL: 15/16

Well done, Amy! It's great to see you challenging yourself and adding functionality to the page that you already built. To clarify the point that I took off, you did use the event.preventDefault() function, but the proper usage of this is within the callback of the click event (I've left a comment inline to further explain). Feel free to reach out with any questions and keep up the stellar work!

Feedback on Assignment #3

FEWD Week #3 Project: CSS Layouts

Description

Relaxr was really impressed by your work last week and wants you to continue development on their landing page. Starting in class, you will work to build out a more complex layout for their company site. They decided on creating a blog, and their back-end engineers will be focused on developing the blog's functionality. They want your front-end skills to style their designs using HTML and CSS so Relaxr's engineers can begin integrating. Once again, the designers have handed you a basic design file with instructions and the JPEG below to help you bring the blog to life. Submit the finished version for homework.

Student: Amy Berkhoudt

Project URL:https://github.com/amy-b/homework-landingpage__
Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Use in-line-block or floats in your CSS to achieve a two-column layout x
Use the correct Open Sans Google Font typeface to style the text denoted in the design file and according to the JPEG provided x
Use proper filename conventions (lowercase, .html) x
Use a single external CSS stylesheet to style all pages x
Use <img> tags for the headers of the posts x
Add a hover effect to all the links using pseudo-classes x
Integrate drop caps using pseudo-classes x
TOTAL:14/14

Feedback for assignment #2

FEWD Week #2 Project: Styling with CSS

Description

_Single-column landing page_ - Relaxr or your own

Student: Amy Berkhoudt

Project URL: https://github.com/amy-b/homework-landingpage
Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Use HTML5 structural elements (nav, header, footer) x
Use a CSS Reset file in addition to your style.css file to style the page x
Use IDs and Classes to to select and style elements on the page x
Style your text with the Google Fonts provided by your style guide x
Follow naming conventions, maintain consistency across .html and .css files and use best practices for naming IDs and Classes x
Indent nested elements to increase your code's readability x
TOTAL: 12/12

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.