├── .DS_Store ├── .github └── workflows │ └── jekyll.yml ├── .gitignore ├── LICENSE ├── README.md ├── Week 2 ├── .DS_Store ├── README.md ├── css │ └── styles.css ├── img.png └── index.html ├── Week 3 ├── README.md ├── img.png ├── index.html └── styles.css ├── Week 4 ├── .DS_Store ├── README.md ├── SpeakGoodBye.js ├── SpeakHello.js ├── img.png ├── index.html └── script.js ├── Week 5 ├── .DS_Store ├── README.md ├── css │ ├── bootstrap.css │ ├── bootstrap.min.css │ └── styles.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── images │ ├── ajax-loader.gif │ ├── jumbotron_1200.jpg │ ├── jumbotron_768.jpg │ ├── jumbotron_992.jpg │ ├── menu-tile.jpg │ ├── menu │ │ ├── A │ │ │ ├── A.jpg │ │ │ ├── A1.jpg │ │ │ ├── A10.jpg │ │ │ ├── A11.jpg │ │ │ ├── A2.jpg │ │ │ ├── A3.jpg │ │ │ ├── A4.jpg │ │ │ ├── A5.jpg │ │ │ ├── A6.jpg │ │ │ ├── A7.jpg │ │ │ ├── A8.jpg │ │ │ └── A9.jpg │ │ ├── B │ │ │ ├── B.jpg │ │ │ ├── B1.jpg │ │ │ ├── B10.jpg │ │ │ ├── B11.jpg │ │ │ ├── B12.jpg │ │ │ ├── B13.jpg │ │ │ ├── B14.jpg │ │ │ ├── B15.jpg │ │ │ ├── B16.jpg │ │ │ ├── B2.jpg │ │ │ ├── B3.jpg │ │ │ ├── B4.jpg │ │ │ ├── B5.jpg │ │ │ ├── B6.jpg │ │ │ ├── B7.jpg │ │ │ ├── B8.jpg │ │ │ └── B9.jpg │ │ ├── C │ │ │ ├── C.jpg │ │ │ ├── C1.jpg │ │ │ ├── C10.jpg │ │ │ ├── C11.jpg │ │ │ ├── C12.jpg │ │ │ ├── C13.jpg │ │ │ ├── C14.jpg │ │ │ ├── C15.jpg │ │ │ ├── C16.jpg │ │ │ ├── C17.jpg │ │ │ ├── C18.jpg │ │ │ ├── C19.jpg │ │ │ ├── C2.jpg │ │ │ ├── C3.jpg │ │ │ ├── C4.jpg │ │ │ ├── C5.jpg │ │ │ ├── C6.jpg │ │ │ ├── C7.jpg │ │ │ ├── C8.jpg │ │ │ └── C9.jpg │ │ ├── CM │ │ │ ├── CM.jpg │ │ │ ├── CM1.jpg │ │ │ ├── CM2.jpg │ │ │ ├── CM3.jpg │ │ │ ├── CM4.jpg │ │ │ └── CM5.jpg │ │ ├── CSR │ │ │ ├── CSR.jpg │ │ │ ├── CSR1.jpg │ │ │ ├── CSR2.jpg │ │ │ ├── CSR3.jpg │ │ │ └── CSR4.jpg │ │ ├── CU │ │ │ ├── CU.jpg │ │ │ ├── CU21.jpg │ │ │ ├── CU22.jpg │ │ │ └── CU23.jpg │ │ ├── D │ │ │ ├── D.jpg │ │ │ ├── D1.jpg │ │ │ ├── D10.jpg │ │ │ ├── D11.jpg │ │ │ ├── D12.jpg │ │ │ ├── D13.jpg │ │ │ ├── D14.jpg │ │ │ ├── D15.jpg │ │ │ ├── D16.jpg │ │ │ ├── D17.jpg │ │ │ ├── D18.jpg │ │ │ ├── D2.jpg │ │ │ ├── D3.jpg │ │ │ ├── D4.jpg │ │ │ ├── D5.jpg │ │ │ ├── D6.jpg │ │ │ ├── D7.jpg │ │ │ ├── D8.jpg │ │ │ └── D9.jpg │ │ ├── DK │ │ │ ├── DK.jpg │ │ │ ├── DK1.jpg │ │ │ ├── DK2.jpg │ │ │ └── DK3.jpg │ │ ├── DS │ │ │ ├── DS.jpg │ │ │ ├── DS1.jpg │ │ │ └── DS2.jpg │ │ ├── F │ │ │ ├── F.jpg │ │ │ ├── F1.jpg │ │ │ ├── F10.jpg │ │ │ ├── F11.jpg │ │ │ ├── F12.jpg │ │ │ ├── F2.jpg │ │ │ ├── F3.jpg │ │ │ ├── F4.jpg │ │ │ ├── F5.jpg │ │ │ ├── F6.jpg │ │ │ ├── F7.jpg │ │ │ ├── F8.jpg │ │ │ └── F9.jpg │ │ ├── FR │ │ │ ├── FR.jpg │ │ │ ├── FR1.jpg │ │ │ ├── FR2.jpg │ │ │ ├── FR3.jpg │ │ │ ├── FR4.jpg │ │ │ └── FR5.jpg │ │ ├── FY │ │ │ ├── FY.jpg │ │ │ ├── FY1.jpg │ │ │ ├── FY2.jpg │ │ │ ├── FY3.jpg │ │ │ ├── FY4.jpg │ │ │ └── FY5.jpg │ │ ├── L │ │ │ ├── L.jpg │ │ │ ├── L1.jpg │ │ │ ├── L10.jpg │ │ │ ├── L11.jpg │ │ │ ├── L12.jpg │ │ │ ├── L13.jpg │ │ │ ├── L14.jpg │ │ │ ├── L15.jpg │ │ │ ├── L16.jpg │ │ │ ├── L17.jpg │ │ │ ├── L18.jpg │ │ │ ├── L19.jpg │ │ │ ├── L2.jpg │ │ │ ├── L20.jpg │ │ │ ├── L21.jpg │ │ │ ├── L22.jpg │ │ │ ├── L23.jpg │ │ │ ├── L24.jpg │ │ │ ├── L26.jpg │ │ │ ├── L27.jpg │ │ │ ├── L28.jpg │ │ │ ├── L3.jpg │ │ │ ├── L4.jpg │ │ │ ├── L5.jpg │ │ │ ├── L6.jpg │ │ │ ├── L7.jpg │ │ │ ├── L8.jpg │ │ │ └── L9.jpg │ │ ├── NF │ │ │ ├── NF.jpg │ │ │ ├── NF10.jpg │ │ │ ├── NF11.jpg │ │ │ ├── NF12.jpg │ │ │ └── NF13.jpg │ │ ├── NL │ │ │ ├── NL.jpg │ │ │ ├── NL1.jpg │ │ │ ├── NL2.jpg │ │ │ └── NL3.jpg │ │ ├── NS │ │ │ ├── NS.jpg │ │ │ ├── NS1.jpg │ │ │ ├── NS2.jpg │ │ │ ├── NS3.jpg │ │ │ └── NS4.jpg │ │ ├── PF │ │ │ ├── PF.jpg │ │ │ ├── PF1.jpg │ │ │ ├── PF2.jpg │ │ │ ├── PF3.jpg │ │ │ ├── PF4.jpg │ │ │ └── PF5.jpg │ │ ├── SO │ │ │ ├── SO.jpg │ │ │ ├── SO1.jpg │ │ │ ├── SO2.jpg │ │ │ ├── SO3.jpg │ │ │ ├── SO4.jpg │ │ │ ├── SO5.jpg │ │ │ ├── SO6.jpg │ │ │ └── SO7.jpg │ │ ├── SP │ │ │ ├── SP.jpg │ │ │ ├── SP1.jpg │ │ │ ├── SP2.jpg │ │ │ ├── SP3.jpg │ │ │ ├── SP4.jpg │ │ │ ├── SP5.jpg │ │ │ ├── SP6.jpg │ │ │ ├── SP7.jpg │ │ │ └── SP8.jpg │ │ ├── SR │ │ │ ├── SR.jpg │ │ │ ├── SR1.jpg │ │ │ ├── SR10.jpg │ │ │ ├── SR11.jpg │ │ │ ├── SR12.jpg │ │ │ ├── SR13.jpg │ │ │ ├── SR14.jpg │ │ │ ├── SR15.jpg │ │ │ ├── SR16.jpg │ │ │ ├── SR17.jpg │ │ │ ├── SR18.jpg │ │ │ ├── SR19.jpg │ │ │ ├── SR2.jpg │ │ │ ├── SR20.jpg │ │ │ ├── SR21.jpg │ │ │ ├── SR22.jpg │ │ │ ├── SR23.jpg │ │ │ ├── SR24.jpg │ │ │ ├── SR25.jpg │ │ │ ├── SR26.jpg │ │ │ ├── SR27.jpg │ │ │ ├── SR28.jpg │ │ │ ├── SR29.jpg │ │ │ ├── SR3.jpg │ │ │ ├── SR30.jpg │ │ │ ├── SR31.jpg │ │ │ ├── SR32.jpg │ │ │ ├── SR33.jpg │ │ │ ├── SR34.jpg │ │ │ ├── SR35.jpg │ │ │ ├── SR36.jpg │ │ │ ├── SR37.jpg │ │ │ ├── SR38.jpg │ │ │ ├── SR39.jpg │ │ │ ├── SR4.jpg │ │ │ ├── SR40.jpg │ │ │ ├── SR41.jpg │ │ │ ├── SR42.jpg │ │ │ ├── SR43.jpg │ │ │ ├── SR5.jpg │ │ │ ├── SR6.jpg │ │ │ ├── SR7.jpg │ │ │ ├── SR8.jpg │ │ │ └── SR9.jpg │ │ ├── SS │ │ │ ├── SS.jpg │ │ │ ├── SS1.jpg │ │ │ ├── SS10.jpg │ │ │ ├── SS11.jpg │ │ │ ├── SS12.jpg │ │ │ ├── SS13.jpg │ │ │ ├── SS14.jpg │ │ │ ├── SS2.jpg │ │ │ ├── SS3.jpg │ │ │ ├── SS4.jpg │ │ │ ├── SS5.jpg │ │ │ ├── SS6.jpg │ │ │ ├── SS7.jpg │ │ │ ├── SS8.jpg │ │ │ └── SS9.jpg │ │ ├── T │ │ │ ├── T.jpg │ │ │ ├── T1.jpg │ │ │ ├── T2.jpg │ │ │ ├── T3.jpg │ │ │ └── T4.jpg │ │ ├── V │ │ │ ├── V.jpg │ │ │ ├── V1.jpg │ │ │ ├── V2.jpg │ │ │ ├── V3.jpg │ │ │ ├── V4.jpg │ │ │ ├── V5.jpg │ │ │ ├── V6.jpg │ │ │ └── V7.jpg │ │ └── VG │ │ │ ├── VG.jpg │ │ │ ├── VG1.jpg │ │ │ ├── VG10.jpg │ │ │ ├── VG11.jpg │ │ │ ├── VG12.jpg │ │ │ ├── VG13.jpg │ │ │ ├── VG14.jpg │ │ │ ├── VG2.jpg │ │ │ ├── VG3.jpg │ │ │ ├── VG4.jpg │ │ │ ├── VG5.jpg │ │ │ ├── VG6.jpg │ │ │ ├── VG7.jpg │ │ │ ├── VG8.jpg │ │ │ └── VG9.jpg │ ├── restaurant-logo.png │ ├── restaurant-logo_large.png │ ├── restaurant-logo_medium.png │ ├── restaurant-logo_small.png │ ├── specials-tile.jpg │ └── star-k-logo.png ├── img.png ├── index.html ├── js │ ├── ajax-utils.js │ ├── bootstrap.js │ ├── bootstrap.min.js │ ├── jquery-2.1.4.min.js │ ├── npm.js │ └── script.js └── snippets │ ├── categories-title-snippet.html │ ├── category-snippet.html │ ├── home-snippet.html │ ├── menu-item.html │ └── menu-items-title.html └── index.html /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshitRuwali/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/15182d8efff16e409cbc46850d16367b3eb6d214/.DS_Store -------------------------------------------------------------------------------- /.github/workflows/jekyll.yml: -------------------------------------------------------------------------------- 1 | name: Jekyll site CI 2 | 3 | on: 4 | push: 5 | branches: [ master ] 6 | pull_request: 7 | branches: [ master ] 8 | 9 | jobs: 10 | build: 11 | 12 | runs-on: ubuntu-latest 13 | 14 | steps: 15 | - uses: actions/checkout@v2 16 | - name: Build the site in the jekyll/builder container 17 | run: | 18 | docker run \ 19 | -v ${{ github.workspace }}:/srv/jekyll -v ${{ github.workspace }}/_site:/srv/jekyll/_site \ 20 | jekyll/builder:latest /bin/bash -c "chmod 777 /srv/jekyll && jekyll build --future" 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshitRuwali/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/15182d8efff16e409cbc46850d16367b3eb6d214/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Harshit Ruwali 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Coursera-HTML-CSS-and-Javascript-for-Web-Developers 2 | Coursera's HTML, CSS, and Javascript for Web Developers course files. 3 | 4 | ## Solutions 5 | ### Week 2 6 | See the [web-page](https://harshitruwali.github.io/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/Week%202/index.html). 7 | 8 | ### Week 3 9 | See the [web-page](https://harshitruwali.github.io/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/Week%203/index.html). 10 | 11 | ### Week 4 12 | See the [web-page](https://harshitruwali.github.io/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/Week%204/index.html). 13 | 14 | #### Week 5 15 | See the [web-page](https://harshitruwali.github.io/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/Week%205/index.html). 16 | -------------------------------------------------------------------------------- /Week 2/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshitRuwali/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/15182d8efff16e409cbc46850d16367b3eb6d214/Week 2/.DS_Store -------------------------------------------------------------------------------- /Week 2/README.md: -------------------------------------------------------------------------------- 1 | # Week 2 Solutions 2 | 3 | ### Click below to view my website 4 | 5 |
6 |
7 |
8 |
9 |
10 |
11 |
Chicken
16 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
17 |Beef
23 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
24 |Sushi
30 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
31 |
6 |
7 |
8 |
9 |
10 |
11 |
Chicken
46 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.(Back to Top)
47 |Beef
53 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.(Back to Top)
54 |Sushi
60 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.(Back to Top)
61 |
6 |
7 |
8 |
9 |
10 |
11 |
pls open console to see the output of the webpage
16 | 17 | 18 | -------------------------------------------------------------------------------- /Week 4/script.js: -------------------------------------------------------------------------------- 1 | // ******************************* 2 | // START HERE IF YOU WANT A MORE CHALLENGING STARTING POINT FOR THIS ASSIGNMENT 3 | // ******************************* 4 | // 5 | // Module 4 Assignment Instructions. 6 | // 7 | // The idea of this assignment is to take an existing array of names 8 | // and then output either Hello 'Name' or Good Bye 'Name' to the console. 9 | // The program should say "Hello" to any name except names that start with a "J" 10 | // or "j", otherwise, the program should say "Good Bye". So, the final output 11 | // on the console should look like this: 12 | /* 13 | Hello Yaakov 14 | Good Bye John 15 | Good Bye Jen 16 | Good Bye Jason 17 | Hello Paul 18 | Hello Frank 19 | Hello Larry 20 | Hello Paula 21 | Hello Laura 22 | Good Bye Jim 23 | 24 | WARNING!!! WARNING!!! 25 | The code does NOT currently work! It is YOUR job to make it work 26 | as described in the requirements and the steps in order to complete this 27 | assignment. 28 | WARNING!!! WARNING!!! 29 | 30 | */ 31 | 32 | // STEP 1: 33 | // Wrap the entire contents of script.js inside of an IIFE 34 | // See Lecture 52, part 2 35 | // (Note, Step 2 will be done in the SpeakHello.js file.) 36 | 37 | var names = ["Yaakov", "John", "Jen", "Jason", "Paul", "Frank", "Larry", "Paula", "Laura", "Jim"]; 38 | 39 | // STEP 10: 40 | // Loop over the names array and say either 'Hello' or "Good Bye" 41 | // using the 'speak' method or either helloSpeaker's or byeSpeaker's 42 | // 'speak' method. 43 | // See Lecture 50, part 1 44 | for (var i = 0; i < names.length; i++) { 45 | var firstLetter = names[i].charAt(0).toLowerCase(); 46 | 47 | // STEP 11: 48 | // Retrieve the first letter of the current name in the loop. 49 | // Use the string object's 'charAt' function. Since we are looking for 50 | // names that start with either upper case or lower case 'J'/'j', call 51 | // string object's 'toLowerCase' method on the result so we can compare 52 | // to lower case character 'j' afterwards. 53 | // Look up these methods on Mozilla Developer Network web site if needed. 54 | // var firstLetter = 55 | 56 | // STEP 12: 57 | // Compare the 'firstLetter' retrieved in STEP 11 to lower case 58 | // 'j'. If the same, call byeSpeaker's 'speak' method with the current name 59 | // in the loop. Otherwise, call helloSpeaker's 'speak' method with the current 60 | // name in the loop. 61 | if (firstLetter === 'j') { 62 | byeSpeaker(names[i]); 63 | } 64 | else { 65 | helloSpeaker(names[i]); 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /Week 5/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HarshitRuwali/Coursera-HTML-CSS-and-Javascript-for-Web-Developers/15182d8efff16e409cbc46850d16367b3eb6d214/Week 5/.DS_Store -------------------------------------------------------------------------------- /Week 5/README.md: -------------------------------------------------------------------------------- 1 | # Week 5 Solutions 2 | 3 | ### Click below to view my website 4 | 5 |
6 |
7 |
8 |
9 |
10 |
11 |