Code Monkey home page Code Monkey logo

flw1-pig-latinizer-17-18-starter's Introduction

Pig Latinizer Project

Browser preview command: python3 -m http.server 3000

Overview:

In this unit, coders will create a Pig Latinizer. The Pig Latinizer will take a user's sentence and display the sentence in pig latin on the screen. To create this project, coders will use jQuery to take user input and display data, string methods to separate and transform words, loops to iterate over multiple items in an array, and array methods to add items and join items into a sentence. Follow the steps below to make your very own site! Make sure to check off your items as you complete them. [ ] => [x] Pig Latin takes the first consonant (or consonant cluster) of an English word, moves it to the end of the word and suffixes an ay, or if a word begins with a vowel you just add ay to the end. For example, pig becomes igpay, banana becomes ananabay, and aadvark becomes aadvarkay.

Day 1

Planning

  • Review your Starter Code and make sure you understand what code has already been written for you.

Set-Up

index.html

  • Make small updates.

JS

  • Create a click handler to take user input and display it on the page
  • Using array methods, write the code that displays a word transformed into Pig latin and displays it on the page

Wrap

  • Push your changes!

Day 2

JS

  • Using array methods and loops, write the code to transform an entire sentence into pig latin.
  • Using string methods and your knowledge of conditionals, write the code that will Pig Latinize your sentence correctly for both vowels and consonants.

Wrap

  • Push your changes!

Projects Extensions:

  • Create another input box that transforms pig latin into english
  • Create you own secret encoder that encrypts messages
  • Try out the passcode

References/Tools

flw1-pig-latinizer-17-18-starter's People

Contributors

emilygarvey avatar joliz avatar pwjablonski avatar xavi- avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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.