diff --git a/exercises/0000.App/assets/javascripts/main.js b/exercises/0000.App/assets/javascripts/main.js new file mode 100644 index 0000000..34a1dca --- /dev/null +++ b/exercises/0000.App/assets/javascripts/main.js @@ -0,0 +1,34 @@ + + +// Main JavaScript + +/* Page Tags */ +const body = document.querySelectorAll ("body"); +const html = document.querySelectorAll ("html"); +const button = document.querySelectorAll ("button"); +const div = document.querySelectorAll ("div"); +const span = document.querySelectorAll ("span"); +const header = document.querySelectorAll ("header"); +const aside = document.querySelectorAll ("aside"); +const main = document.querySelectorAll ("main"); +const footer = document.querySelectorAll ("footer"); +const anchor = document.querySelectorAll ("a"); +const image = document.querySelectorAll ("img"); +const section = document.querySelectorAll ("section"); +const ul = document.querySelectorAll ("ul"); +const ol = document.querySelectorAll ("ol"); +const li = document.querySelectorAll ("li"); +const table = document.querySelectorAll ("table"); +const thead = document.querySelectorAll ("thead"); +const tbody = document.querySelectorAll ("tbody"); +const tr = document.querySelectorAll ("tr"); +const th = document.querySelectorAll ("th"); +const td = document.querySelectorAll ("td"); +const form = document.querySelectorAll ("form"); +const link = document.querySelectorAll ("link"); +const meta = document.querySelectorAll ("meta"); +const script = document.querySelectorAll ("script"); +const blockquote = document.querySelectorAll ("blockquote"); +const hr = document.querySelectorAll ("hr"); +const br = document.querySelectorAll ("br"); +/* Page Tags end */ \ No newline at end of file diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0000.App/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0000.App/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/blogger.png b/exercises/0000.App/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/digg.png b/exercises/0000.App/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/drive.png b/exercises/0000.App/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/dropbox.png b/exercises/0000.App/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/email.png b/exercises/0000.App/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/facebook.png b/exercises/0000.App/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/flicker.png b/exercises/0000.App/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/google-plus.png b/exercises/0000.App/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/instagram.png b/exercises/0000.App/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/internet.png b/exercises/0000.App/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/linkedin.png b/exercises/0000.App/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/location.png b/exercises/0000.App/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (1).png b/exercises/0000.App/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (2).png b/exercises/0000.App/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (3).png b/exercises/0000.App/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (4).png b/exercises/0000.App/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (5).png b/exercises/0000.App/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media (6).png b/exercises/0000.App/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/media.png b/exercises/0000.App/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/messenger.png b/exercises/0000.App/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/outlook.png b/exercises/0000.App/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/pinterest.png b/exercises/0000.App/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/rss.png b/exercises/0000.App/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/share.png b/exercises/0000.App/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/skype.png b/exercises/0000.App/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/snapchat.png b/exercises/0000.App/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/soundcloud.png b/exercises/0000.App/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/spotify.png b/exercises/0000.App/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/steam.png b/exercises/0000.App/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/swarm.png b/exercises/0000.App/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/tinder.png b/exercises/0000.App/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/twitter.png b/exercises/0000.App/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/vimeo.png b/exercises/0000.App/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/vk.png b/exercises/0000.App/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/wechat.png b/exercises/0000.App/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/whatsapp.png b/exercises/0000.App/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/wordpress.png b/exercises/0000.App/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0000.App/assets/media/images/Social Icons/youtube.png b/exercises/0000.App/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0000.App/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0000.App/assets/styles/main.css b/exercises/0000.App/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0000.App/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0000.App/index.html b/exercises/0000.App/index.html new file mode 100644 index 0000000..5315862 --- /dev/null +++ b/exercises/0000.App/index.html @@ -0,0 +1,41 @@ + + + + + + + + Page Title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0001.MapGameGraphicOptions/assets/javascripts/main.js b/exercises/0001.MapGameGraphicOptions/assets/javascripts/main.js new file mode 100644 index 0000000..43145a7 --- /dev/null +++ b/exercises/0001.MapGameGraphicOptions/assets/javascripts/main.js @@ -0,0 +1,70 @@ + +const graphicOptions = new Map( + [ + [`Textures`, `High`], + [`Shadows`, `Medium`], + [`AntiAliasing`, `TAA or FXAA`], + [`AmbientOcclusion`, `SSAO`], + [`Lighting`, `High`], + [`Effects`, `Medium`], + [`PostProcessing`, `High (Motion Blur Off)`], + [`Reflections`, `Medium`], + [`SSR`, `Medium`], + [`WaterQuality`, `Medium`], + [`Foliage`, `Medium`], + [`VolumetricEffects`, `Medium`], + [`MotionBlur`, `Off`], + [`DepthOfField`, `Medium`], + [`Tessellation`, `Off or Low`], + [`MeshQuality`, `High`], + [`ParticleQuality`, `Medium`], + [`TerrainQuality`, `High`], + [`ViewDistance`, `Medium to High`], + [`FOV`, `90-100 degrees`], + [`vSync`, `Off (or Adaptive in drivers)`], + [`DynamicResolutionScaling`, `Off`], + [`FutureFrameRendering`, `On`], + [`HairRendering`, `Off or Low`], + [`RayTracing`, `Off`], + [`SubsurfaceScattering`, `Medium`], + [`AdvancedPhysX`, `Off`], + [`Bloom`, `On (Medium)`], + [`ChromaticAberration`, `Off`], + [`SharpeningFilter`, `On (Low to Medium)`], + [`FilmGrain`, `Off`], + ] +); + +console.log(graphicOptions.size); + +// Sorted by Key +const sortedByKey = new Map( + [...graphicOptions.entries()].sort((a, b) => a[0].localeCompare(b[0])) +); + +console.log("Sorted by Key:"); +console.log(sortedByKey); + +// Sorted by Value +const sortedByValue = new Map( + [...graphicOptions.entries()].sort((a, b) => a[1].localeCompare(b[1])) +); + +console.log("Sorted by Value:"); +console.log(sortedByValue); + +// Reverse Sorted by Key +const reverseSortedByKey = new Map( + [...graphicOptions.entries()].sort((a, b) => b[0].localeCompare(a[0])) +); + +console.log("Reverse Sorted by Key:"); +console.log(reverseSortedByKey); + +// Reverse Sorted by Value +const reverseSortedByValue = new Map( + [...graphicOptions.entries()].sort((a, b) => b[1].localeCompare(a[1])) +); + +console.log("Reverse Sorted by Value:"); +console.log(reverseSortedByValue); diff --git a/exercises/0001.MapGameGraphicOptions/assets/styles/main.css b/exercises/0001.MapGameGraphicOptions/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0001.MapGameGraphicOptions/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0001.MapGameGraphicOptions/index.html b/exercises/0001.MapGameGraphicOptions/index.html new file mode 100644 index 0000000..cab62f0 --- /dev/null +++ b/exercises/0001.MapGameGraphicOptions/index.html @@ -0,0 +1,41 @@ + + + + + + + + Page Title + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0002.promises/assets/javascripts/main.js b/exercises/0002.promises/assets/javascripts/main.js new file mode 100644 index 0000000..f693aee --- /dev/null +++ b/exercises/0002.promises/assets/javascripts/main.js @@ -0,0 +1,77 @@ + +// A Veriable +let v = 50; + +// Create a Promise +let p = new Promise((resolve, reject) => { + if (v === 50) { + resolve(`The "v" veriable is 50`); + } else { + reject(`The "v" veriable is not 50`); + } +}); + +// Output the Promise +p + .then((message/*then takes "resolve" into the message*/) => { + console.log(message); + }) + .catch((message/*catch takes "reject" into the message*/) => { + console.log(message); + }); + +/*----------------------------------------------------------------------*/ + +let a = 80; + +var p1 = new Promise((parameterA, parameterB) => { + if (p1 === 78) { + parameterA(`The veriable "a" is equal to 78`); + } else { + parameterB(`The veriable "a" is not equal to 78`); + } +}); + +p1 + .then((result) => { + console.log(result); + }) + .catch((result) => { + console.log(result); + }); + +/*----------------------------------------------------------------------*/ + +let value = 1000; + +const PROMISE_01 = new Promise((resolve, reject) => { + if (value <= 1000) { + resolve("Promise resolved"); + } else if (value > 1000) { + reject("Promise rejected"); + } else { + throw new Error("Promise returns invalid"); + } +}); + +PROMISE_01 + .then((result) => { + console.log(result); + }) + .catch((error) => { + console.log(error); + }) + .finally(() => { + console.log("The promise has been settled."); + }); + +/*----------------------------------------------------------------------*/ + +let value2 = 800; + +Promise.resolve(value2) + .then(() => { + console.log(`Short promise works!`) + }); + +/*----------------------------------------------------------------------*/ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/blogger.png b/exercises/0002.promises/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/digg.png b/exercises/0002.promises/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/drive.png b/exercises/0002.promises/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/dropbox.png b/exercises/0002.promises/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/email.png b/exercises/0002.promises/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/facebook.png b/exercises/0002.promises/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/flicker.png b/exercises/0002.promises/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/google-plus.png b/exercises/0002.promises/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/instagram.png b/exercises/0002.promises/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/internet.png b/exercises/0002.promises/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/linkedin.png b/exercises/0002.promises/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/location.png b/exercises/0002.promises/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (1).png b/exercises/0002.promises/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (2).png b/exercises/0002.promises/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (3).png b/exercises/0002.promises/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (4).png b/exercises/0002.promises/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (5).png b/exercises/0002.promises/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media (6).png b/exercises/0002.promises/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/media.png b/exercises/0002.promises/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/messenger.png b/exercises/0002.promises/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/outlook.png b/exercises/0002.promises/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/pinterest.png b/exercises/0002.promises/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/rss.png b/exercises/0002.promises/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/share.png b/exercises/0002.promises/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/skype.png b/exercises/0002.promises/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/snapchat.png b/exercises/0002.promises/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/soundcloud.png b/exercises/0002.promises/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/spotify.png b/exercises/0002.promises/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/steam.png b/exercises/0002.promises/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/swarm.png b/exercises/0002.promises/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/tinder.png b/exercises/0002.promises/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/twitter.png b/exercises/0002.promises/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/vimeo.png b/exercises/0002.promises/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/vk.png b/exercises/0002.promises/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/wechat.png b/exercises/0002.promises/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/whatsapp.png b/exercises/0002.promises/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/wordpress.png b/exercises/0002.promises/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0002.promises/assets/media/images/Social Icons/youtube.png b/exercises/0002.promises/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0002.promises/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0002.promises/assets/styles/main.css b/exercises/0002.promises/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0002.promises/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0002.promises/index.html b/exercises/0002.promises/index.html new file mode 100644 index 0000000..c418d25 --- /dev/null +++ b/exercises/0002.promises/index.html @@ -0,0 +1,41 @@ + + + + + + + JavaScript Promises + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0003.createElements/assets/javascripts/main.js b/exercises/0003.createElements/assets/javascripts/main.js new file mode 100644 index 0000000..7bf4c0c --- /dev/null +++ b/exercises/0003.createElements/assets/javascripts/main.js @@ -0,0 +1,55 @@ + + +//Grab the Body +const body=document.body; + +//Create Elements +const divA=document.createElement("div"); +const divB=document.createElement("div"); +const divC=document.createElement("div"); +const divD=document.createElement("div"); +var divs=[]; + +//Assign CSS-Classes to the Elements +divA.classList.add("class01"); +divB.classList.add("class02"); +divC.classList.add("class03"); +divD.classList.toggle("class05"); + +//Add Elements to the Body +body.append(divA); +body.append(divB); +body.append(divC); +body.append(divD); + +//Add Text in an Element +divA.textContent="Hello, this is divA"; +divC.innerHTML="Hello, it's Bold" + +//Remove an Element +divB.remove(); + +//The entire task with a Loop +for(let a=0;a<10;a++){ + //Create Elements + divs[a]=document.createElement("div"); + //Place Elements on the Page + body.append(divs[a]); + //Assign Classes to the Elements + divs[a].classList.add("class04"); + //Add a specific Text in an Element + if(a===7){ + divs[a].innerHTML=`Hi, the Text is Italic`; + //Grab the Class of the Element + let divs7class=divs[a].getAttribute("class"); + console.log(divs7class); + //Set an ID to the Element + divs[a].setAttribute("id","divs7"); + //Grab the ID of the Element + let divs7id=divs[a].getAttribute("id"); + console.log(divs7id); + }else{ + divs[a].innerHTML=`Hi, the Text is Underlined`; + } +} + diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/blogger.png b/exercises/0003.createElements/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/digg.png b/exercises/0003.createElements/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/drive.png b/exercises/0003.createElements/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/dropbox.png b/exercises/0003.createElements/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/email.png b/exercises/0003.createElements/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/facebook.png b/exercises/0003.createElements/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/flicker.png b/exercises/0003.createElements/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/google-plus.png b/exercises/0003.createElements/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/instagram.png b/exercises/0003.createElements/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/internet.png b/exercises/0003.createElements/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/linkedin.png b/exercises/0003.createElements/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/location.png b/exercises/0003.createElements/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (1).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (2).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (3).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (4).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (5).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media (6).png b/exercises/0003.createElements/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/media.png b/exercises/0003.createElements/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/messenger.png b/exercises/0003.createElements/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/outlook.png b/exercises/0003.createElements/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/pinterest.png b/exercises/0003.createElements/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/rss.png b/exercises/0003.createElements/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/share.png b/exercises/0003.createElements/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/skype.png b/exercises/0003.createElements/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/snapchat.png b/exercises/0003.createElements/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/soundcloud.png b/exercises/0003.createElements/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/spotify.png b/exercises/0003.createElements/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/steam.png b/exercises/0003.createElements/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/swarm.png b/exercises/0003.createElements/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/tinder.png b/exercises/0003.createElements/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/twitter.png b/exercises/0003.createElements/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/vimeo.png b/exercises/0003.createElements/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/vk.png b/exercises/0003.createElements/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/wechat.png b/exercises/0003.createElements/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/whatsapp.png b/exercises/0003.createElements/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/wordpress.png b/exercises/0003.createElements/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0003.createElements/assets/media/images/Social Icons/youtube.png b/exercises/0003.createElements/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0003.createElements/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0003.createElements/assets/styles/main.css b/exercises/0003.createElements/assets/styles/main.css new file mode 100644 index 0000000..2080347 --- /dev/null +++ b/exercises/0003.createElements/assets/styles/main.css @@ -0,0 +1,98 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + + + + +body{ + margin:1em; + + display:grid; + grid-template-columns:repeat(4,1fr); + /* grid-template-columns:repeat(auto-fit,minmax(0,auto)); */ + grid-gap:1em; +} + +.class01{ + height:100px; + width:100px; + background-color:gray; + color:blanchedalmond; + padding:1em; + /* margin:1em; */ +} + +.class02{ + height:100px; + width:100px; + background-color:goldenrod; + padding:1em; + /* margin:1em; */ +} + +.class03{ + height:100px; + width:100px; + background-color:teal; + color:white; + padding:1em; + /* margin:1em; */ +} + +.class04{ + height:100px; + width:100px; + background-color:darkolivegreen; + color:white; + padding:1em; + /* margin:1em; */ + border-radius:10px; +} + +.class05{ + height:100px; + width:100px; + background-color:orchid; + color:white; + padding:1em; + /* margin:1em; */ + border-radius:10px; +} \ No newline at end of file diff --git a/exercises/0003.createElements/index.html b/exercises/0003.createElements/index.html new file mode 100644 index 0000000..5b60955 --- /dev/null +++ b/exercises/0003.createElements/index.html @@ -0,0 +1,41 @@ + + + + + + + + Play with Elements! + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/javascripts/main.js b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/javascripts/main.js new file mode 100644 index 0000000..8986a97 --- /dev/null +++ b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/javascripts/main.js @@ -0,0 +1,27 @@ + + + + +/* +const numbers=[400,500,300,200,600,100,800,1000,900,700]; +let largestNumber=0; +let secondLargestNumber=0; +for(let x=0;xlargestNumber){ + largestNumber=numbers[x]; + } else if(numbers[x]>secondLargestNumber){ + secondLargestNumber=numbers[x]; + } +} +// console.log(largestNumber); +console.log(secondLargestNumber); +*/ + + + +let myArray = [50,10,80,100,70,90,20,40,30]; + +console.log (myArray.sort()); + + + diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/blogger.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/digg.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/drive.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/dropbox.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/email.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/facebook.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/flicker.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/google-plus.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/instagram.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/internet.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/linkedin.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/location.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (1).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (2).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (3).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (4).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (5).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (6).png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/messenger.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/outlook.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/pinterest.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/rss.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/share.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/skype.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/snapchat.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/soundcloud.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/spotify.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/steam.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/swarm.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/tinder.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/twitter.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vimeo.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vk.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wechat.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/whatsapp.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wordpress.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/youtube.png b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/assets/styles/main.css b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0004.js_array/0001.js_array_manual_sorting/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0004.js_array/0001.js_array_manual_sorting/index.html b/exercises/0004.js_array/0001.js_array_manual_sorting/index.html new file mode 100644 index 0000000..a17e563 --- /dev/null +++ b/exercises/0004.js_array/0001.js_array_manual_sorting/index.html @@ -0,0 +1,41 @@ + + + + + + + + Main Page + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0004.js_array/0002.js_array/index.html b/exercises/0004.js_array/0002.js_array/index.html new file mode 100644 index 0000000..dceb5f2 --- /dev/null +++ b/exercises/0004.js_array/0002.js_array/index.html @@ -0,0 +1,47 @@ + + + + + + + + + + + App + + + + + +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
+ +

Open the Console to see the result.

+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0004.js_array/0002.js_array/main.css b/exercises/0004.js_array/0002.js_array/main.css new file mode 100644 index 0000000..1e62514 --- /dev/null +++ b/exercises/0004.js_array/0002.js_array/main.css @@ -0,0 +1,35 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} + + + + +section{ + margin:5em auto; + display:grid; + gap:1em; + grid-template-columns:repeat(3,auto); + justify-items:center; + align-items:center; +} + +div{ + height:50px; + width:50px; + border:1px solid black; + text-align: center; +} + +h1{ + text-align:center; +} \ No newline at end of file diff --git a/exercises/0004.js_array/0002.js_array/main.js b/exercises/0004.js_array/0002.js_array/main.js new file mode 100644 index 0000000..89dd82e --- /dev/null +++ b/exercises/0004.js_array/0002.js_array/main.js @@ -0,0 +1,44 @@ + + +/* +const pageElements=[ + section=document.querySelector(`section`), + div=document.querySelectorAll(`div`) +] + +for(let i=0;i + + + + + + + + App + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0005.this_keyword/0000.App/main.css b/exercises/0005.this_keyword/0000.App/main.css new file mode 100644 index 0000000..4a96191 --- /dev/null +++ b/exercises/0005.this_keyword/0000.App/main.css @@ -0,0 +1,14 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0005.this_keyword/0000.App/main.js b/exercises/0005.this_keyword/0000.App/main.js new file mode 100644 index 0000000..6347559 --- /dev/null +++ b/exercises/0005.this_keyword/0000.App/main.js @@ -0,0 +1,3 @@ + + +alert(`Hello, the JavaScript is linked!`); \ No newline at end of file diff --git a/exercises/0005.this_keyword/0001.this_keyword/assets/javascripts/main.js b/exercises/0005.this_keyword/0001.this_keyword/assets/javascripts/main.js new file mode 100644 index 0000000..652aba7 --- /dev/null +++ b/exercises/0005.this_keyword/0001.this_keyword/assets/javascripts/main.js @@ -0,0 +1,14 @@ + + +const button=document.querySelectorAll("button"); + + +function getValue(){ + let btnValue=this.dataset.btn; + console.log(btnValue); +} + +for(let b=0;b + + + + + JS "this" Keyword + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +

Open Console to see the click result

+ +
+ + + + + + + + + + +
+ +
+ + + + + + + + + + diff --git a/exercises/0005.this_keyword/0002.this_test/index.html b/exercises/0005.this_keyword/0002.this_test/index.html new file mode 100644 index 0000000..8912d59 --- /dev/null +++ b/exercises/0005.this_keyword/0002.this_test/index.html @@ -0,0 +1,45 @@ + + + + + + + + + + + JS This + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0005.this_keyword/0002.this_test/main.css b/exercises/0005.this_keyword/0002.this_test/main.css new file mode 100644 index 0000000..78d116a --- /dev/null +++ b/exercises/0005.this_keyword/0002.this_test/main.css @@ -0,0 +1,39 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} + + + + + + + + +.blocks{ + display:grid; + grid-template-columns:repeat(3,1fr); + gap:5em; + justify-items:center; + align-items:center; +} + + .block{ + margin:1em auto; + + width:100px; + height:100px; + border:1px solid indianred; + font-size:25px; + text-align:center; + padding-top:5.5%; + cursor:pointer; + } \ No newline at end of file diff --git a/exercises/0005.this_keyword/0002.this_test/main.js b/exercises/0005.this_keyword/0002.this_test/main.js new file mode 100644 index 0000000..c628705 --- /dev/null +++ b/exercises/0005.this_keyword/0002.this_test/main.js @@ -0,0 +1,20 @@ + + + +// Perfectly WORKED!! + +const blocks=document.querySelector(`.block`); +const block=document.querySelectorAll(`.block`); + +for(let i=0;i + + + + + + + + App + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0006.forEach/0000.App/main.css b/exercises/0006.forEach/0000.App/main.css new file mode 100644 index 0000000..4a96191 --- /dev/null +++ b/exercises/0006.forEach/0000.App/main.css @@ -0,0 +1,14 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0006.forEach/0000.App/main.js b/exercises/0006.forEach/0000.App/main.js new file mode 100644 index 0000000..6347559 --- /dev/null +++ b/exercises/0006.forEach/0000.App/main.js @@ -0,0 +1,3 @@ + + +alert(`Hello, the JavaScript is linked!`); \ No newline at end of file diff --git a/exercises/0006.forEach/0006.forEach/assets/javascripts/main.js b/exercises/0006.forEach/0006.forEach/assets/javascripts/main.js new file mode 100644 index 0000000..09082bc --- /dev/null +++ b/exercises/0006.forEach/0006.forEach/assets/javascripts/main.js @@ -0,0 +1,47 @@ + + +let anArray=[5,8,9,6,7,2,3]; + + + +// For Loop +console.log(`With "for" Loop:`) + +for(let a=0;a{ + let current=item+100; + console.log(current); +}); + + + + +// Get classes & id of html elements with "forEach" Loop +console.log(`Get HTML Classes & ID with "forEach" Loop:`) + +let htmlClasses=document.querySelectorAll(`div`); + +htmlClasses.forEach((item)=>{ + item.addEventListener(`click`,()=>{ + let theClasses=item.classList; // This is important! + let theID=item.id; + + if(theClasses==`two` && theID==`divTwo`){ + alert(`It's class is "two" & the id is "divTwo"`); + }else{ + console.log(theClasses); + console.log(theID); + } + }); +}); + diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/blogger.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/digg.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/drive.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/dropbox.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/email.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/facebook.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/flicker.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/google-plus.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/instagram.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/internet.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/linkedin.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/location.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (1).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (2).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (3).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (4).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (5).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (6).png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/messenger.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/outlook.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/pinterest.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/rss.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/share.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/skype.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/snapchat.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/soundcloud.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/spotify.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/steam.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/swarm.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/tinder.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/twitter.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vimeo.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vk.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wechat.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/whatsapp.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wordpress.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/youtube.png b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0006.forEach/0006.forEach/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0006.forEach/0006.forEach/assets/styles/main.css b/exercises/0006.forEach/0006.forEach/assets/styles/main.css new file mode 100644 index 0000000..b5a96b0 --- /dev/null +++ b/exercises/0006.forEach/0006.forEach/assets/styles/main.css @@ -0,0 +1,52 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + + + + +.divs{ + margin:1em; +} + +div{ + cursor:pointer; + margin:.3em; +} \ No newline at end of file diff --git a/exercises/0006.forEach/0006.forEach/index.html b/exercises/0006.forEach/0006.forEach/index.html new file mode 100644 index 0000000..63d4e85 --- /dev/null +++ b/exercises/0006.forEach/0006.forEach/index.html @@ -0,0 +1,51 @@ + + + + + + + + forEach + + + + + + + + + + + + + + + + + + + + + + + + +
+

Open the Browser Console to see the Result

+ +
One
+
Two
+
Three
+
Four
+
Five
+
+ + + + + + + + + + diff --git a/exercises/0006.forEach/0007.forEach/index.html b/exercises/0006.forEach/0007.forEach/index.html new file mode 100644 index 0000000..daf5c7f --- /dev/null +++ b/exercises/0006.forEach/0007.forEach/index.html @@ -0,0 +1,62 @@ + + + + + + + + + + + forEach Practice + + + + + + + + +
+
+ + This is 01 +
+ +
+ + This is 02 +
+ +
+ + This is 03 +
+ +
+ + This is 04 +
+ +
+ + This is 05 +
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0006.forEach/0007.forEach/main.css b/exercises/0006.forEach/0007.forEach/main.css new file mode 100644 index 0000000..79cdfc4 --- /dev/null +++ b/exercises/0006.forEach/0007.forEach/main.css @@ -0,0 +1,49 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} + + + + +.container{ + width:25%; + background-color:slategray; + margin:1em auto; + padding:.5em; + + display:grid; + gap:1em; +} + +.item{ + display:grid; + gap:1em; + grid-template-columns:repeat(auto-fit,minmax(0,auto)); + align-items:center; + justify-content:left; + + margin:.3em; + padding:.5em; + box-shadow:2px 3px 4px #000; + background-color:aquamarine; +} + +.item>input[type="checkbox"]{ + width:18px; + height:18px; + cursor:pointer; +} + +.crossed{ + text-decoration:line-through; + font-style:italic; +} \ No newline at end of file diff --git a/exercises/0006.forEach/0007.forEach/main.js b/exercises/0006.forEach/0007.forEach/main.js new file mode 100644 index 0000000..8f1769c --- /dev/null +++ b/exercises/0006.forEach/0007.forEach/main.js @@ -0,0 +1,19 @@ + + + +const container=document.querySelector(`.container`); +const checkbox=document.querySelectorAll(`.item input[type='checkbox']`); +const span=document.querySelectorAll(`.item span`); + +// Check what I clicked +container.addEventListener(`click`,(e)=>{ + console.log(e.target); +}); + + +checkbox.forEach((c)=>{ + c.addEventListener(`click`,()=>{ + console.log(c.nextElementSibling); + c.nextElementSibling.classList.toggle(`crossed`); + }); +}); \ No newline at end of file diff --git a/exercises/0007.array_methods/assets/javascripts/filter.js b/exercises/0007.array_methods/assets/javascripts/filter.js new file mode 100644 index 0000000..2fcf72f --- /dev/null +++ b/exercises/0007.array_methods/assets/javascripts/filter.js @@ -0,0 +1,47 @@ + + +let items=[ + {name:"Monitor",price:14000}, + {name:"Speaker",price:2500}, + {name:"Keyboard",price:400}, + {name:"Mouse",price:300}, + {name:"Casing",price:4000}, + {name:"Power Supply",price:7500}, + {name:"Motherboard",price:14000}, + {name:"Processor",price:27000}, + {name:"RAM",price:8500}, + {name:"HDD",price:4000} +]; + +// console.log(items[0].name); + +function filterItemName(i){ + return i.name=="Processor"; +} + +function filterItemPrice(i){ + return i.price<=1000; +} + +let filteredItemsName=items.filter(filterItemName); +console.log(filteredItemsName); + +let filteredItemsPrice=items.filter(filterItemPrice); +console.log(filteredItemsPrice); + + +// console.log(filterItemName(items)); Why this does not work? + +/* +let search=prompt("What are you looking for?"); + +for(let a=0;a<=items.length;a++){ + if(items[a].name==search){ + let statement=items[a]; + console.log(statement); + }else{ + let statement="Item not found"; + console.log(statement); + } +} +This pieces of code work but gives an error too */ \ No newline at end of file diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/blogger.png b/exercises/0007.array_methods/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/digg.png b/exercises/0007.array_methods/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/drive.png b/exercises/0007.array_methods/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/dropbox.png b/exercises/0007.array_methods/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/email.png b/exercises/0007.array_methods/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/facebook.png b/exercises/0007.array_methods/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/flicker.png b/exercises/0007.array_methods/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/google-plus.png b/exercises/0007.array_methods/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/instagram.png b/exercises/0007.array_methods/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/internet.png b/exercises/0007.array_methods/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/linkedin.png b/exercises/0007.array_methods/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/location.png b/exercises/0007.array_methods/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (1).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (2).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (3).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (4).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (5).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media (6).png b/exercises/0007.array_methods/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/media.png b/exercises/0007.array_methods/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/messenger.png b/exercises/0007.array_methods/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/outlook.png b/exercises/0007.array_methods/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/pinterest.png b/exercises/0007.array_methods/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/rss.png b/exercises/0007.array_methods/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/share.png b/exercises/0007.array_methods/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/skype.png b/exercises/0007.array_methods/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/snapchat.png b/exercises/0007.array_methods/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/soundcloud.png b/exercises/0007.array_methods/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/spotify.png b/exercises/0007.array_methods/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/steam.png b/exercises/0007.array_methods/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/swarm.png b/exercises/0007.array_methods/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/tinder.png b/exercises/0007.array_methods/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/twitter.png b/exercises/0007.array_methods/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/vimeo.png b/exercises/0007.array_methods/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/vk.png b/exercises/0007.array_methods/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/wechat.png b/exercises/0007.array_methods/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/whatsapp.png b/exercises/0007.array_methods/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/wordpress.png b/exercises/0007.array_methods/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0007.array_methods/assets/media/images/Social Icons/youtube.png b/exercises/0007.array_methods/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0007.array_methods/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0007.array_methods/assets/styles/main.css b/exercises/0007.array_methods/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0007.array_methods/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0007.array_methods/index.html b/exercises/0007.array_methods/index.html new file mode 100644 index 0000000..2bc702f --- /dev/null +++ b/exercises/0007.array_methods/index.html @@ -0,0 +1,41 @@ + + + + + + + + JS Array Filter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0008.slideshow_with_control/assets/javascripts/main.js b/exercises/0008.slideshow_with_control/assets/javascripts/main.js new file mode 100644 index 0000000..80fe8ec --- /dev/null +++ b/exercises/0008.slideshow_with_control/assets/javascripts/main.js @@ -0,0 +1,39 @@ + + +const slides=document.querySelectorAll(`.slide`); +const btnPrev=document.querySelector(`.previous`); +const btnNext=document.querySelector(`.next`); +const dots=document.querySelectorAll(`.dot`); +let index=0; + + + +function reset(){ + slides.forEach((slide)=>{ + slide.style.display=`none`; + }); +} + +reset(); +slides[index].style.display=`block`; +dots[index].classList.remove(`.activeDot`); + +function slideNext(){ + reset(); + index++; + for(let a=0;a=slides.length){ + index=0; + slides[index].style.display=`block`; + dots[index].classList.add(`.activeDot`); + }else{ + slides[index].style.display=`block`; + dots[index].classList.add(`.activeDot`); + } + } +} + +function slidePrev(){} + +btnPrev.addEventListener(`click`,slidePrev); +btnNext.addEventListener(`click`,slideNext); \ No newline at end of file diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/blogger.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/digg.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/drive.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/dropbox.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/email.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/facebook.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/flicker.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/google-plus.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/instagram.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/internet.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/linkedin.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/location.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (1).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (2).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (3).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (4).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (5).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (6).png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/messenger.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/outlook.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/pinterest.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/rss.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/share.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/skype.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/snapchat.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/soundcloud.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/spotify.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/steam.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/swarm.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/tinder.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/twitter.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vimeo.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vk.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wechat.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/whatsapp.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wordpress.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/youtube.png b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0008.slideshow_with_control/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0008.slideshow_with_control/assets/styles/main.css b/exercises/0008.slideshow_with_control/assets/styles/main.css new file mode 100644 index 0000000..cc49f72 --- /dev/null +++ b/exercises/0008.slideshow_with_control/assets/styles/main.css @@ -0,0 +1,105 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + + + + + + + + + +.slides{ + margin:1em; +} + +.slide{ + height:75vh; + width:100%; +} + +.slide01{ + background-color:aquamarine; +} + +.slide02{ + background-color:indianred; +} + +.slide03{ + background-color:khaki; +} + +.controlButtons{ + margin:1em; + display:grid; + grid-template-columns:repeat(auto-fit,minmax(0,auto)); + grid-gap:1em; + justify-items:center; + align-items:center; +} + +.dots{} + +.dot{ + display:inline-block; + height:15px; + width:15px; +} + +#dot01{ + background-color:slategrey; +} + +#dot02{ + background-color:slategrey; +} + +#dot03{ + background-color:slategrey; +} + +.activeDot{ + display:inline-block; + height:15px; + width:15px; + background-color:seagreen; +} \ No newline at end of file diff --git a/exercises/0008.slideshow_with_control/index.html b/exercises/0008.slideshow_with_control/index.html new file mode 100644 index 0000000..c19c62e --- /dev/null +++ b/exercises/0008.slideshow_with_control/index.html @@ -0,0 +1,61 @@ + + + + + + + + Slideshow with control + + + + + + + + + + + + + + + + + + + + + + + + +
+
Slide 1
+
Slide 2
+
Slide 3
+
+ + + + + +
+ +
+ + + +
+ +
+ + + + + + + + + + diff --git a/exercises/0009.dom_manipulation/assets/javascripts/main.js b/exercises/0009.dom_manipulation/assets/javascripts/main.js new file mode 100644 index 0000000..93d2d30 --- /dev/null +++ b/exercises/0009.dom_manipulation/assets/javascripts/main.js @@ -0,0 +1,6 @@ + + +const body=document.querySelector(`body`); +const a=document.createElement(`div`); +a.classList.add(`a`); +body.append(a); \ No newline at end of file diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/blogger.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/digg.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/drive.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/dropbox.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/email.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/facebook.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/flicker.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/google-plus.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/instagram.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/internet.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/linkedin.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/location.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (1).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (2).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (3).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (4).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (5).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (6).png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/messenger.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/outlook.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/pinterest.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/rss.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/share.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/skype.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/snapchat.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/soundcloud.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/spotify.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/steam.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/swarm.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/tinder.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/twitter.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vimeo.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vk.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wechat.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/whatsapp.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wordpress.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0009.dom_manipulation/assets/media/images/Social Icons/youtube.png b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0009.dom_manipulation/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0009.dom_manipulation/assets/styles/main.css b/exercises/0009.dom_manipulation/assets/styles/main.css new file mode 100644 index 0000000..b214a55 --- /dev/null +++ b/exercises/0009.dom_manipulation/assets/styles/main.css @@ -0,0 +1,48 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + +.a{ + height:100px; + width:100px; + background-color:rgb(44, 167, 95); + margin:2em; + border-radius:15%; +} \ No newline at end of file diff --git a/exercises/0009.dom_manipulation/index.html b/exercises/0009.dom_manipulation/index.html new file mode 100644 index 0000000..0cb3f21 --- /dev/null +++ b/exercises/0009.dom_manipulation/index.html @@ -0,0 +1,41 @@ + + + + + + + + DOM Manipulation + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0011.rearrange_array/Max&Min.js b/exercises/0011.rearrange_array/Max&Min.js new file mode 100644 index 0000000..2ca80f3 --- /dev/null +++ b/exercises/0011.rearrange_array/Max&Min.js @@ -0,0 +1,23 @@ + + +const numbers=[400,500,300,200,600,100,800,1000,900,700]; + + +let maxNum=0; +let minNum=100000; + + +function findMaxnMinNum(){ + for(let x=0;xmaxNum){ + maxNum=numbers[x]; + } else if(numbers[x]largestNumber){ + secondLargestNumber=largestNumber; + largestNumber=numbers[x]; + }else if(numbers[x]>secondLargestNumber){ + thirdLargestNumber=secondLargestNumber; + secondLargestNumber=numbers[x]; + }else if(numbers[x]>thirdLargestNumber){ + fourthLargestNumber=thirdLargestNumber; + thirdLargestNumber=numbers[x]; + } +} + +console.log(largestNumber); +console.log(secondLargestNumber); +console.log(thirdLargestNumber); +console.log(fourthLargestNumber); \ No newline at end of file diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/blogger.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/digg.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/drive.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/dropbox.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/email.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/facebook.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/flicker.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/google-plus.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/instagram.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/internet.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/linkedin.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/location.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (1).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (2).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (3).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (4).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (5).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (6).png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/media.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/messenger.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/outlook.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/pinterest.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/rss.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/share.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/skype.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/snapchat.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/soundcloud.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/spotify.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/steam.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/swarm.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/tinder.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/twitter.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/vimeo.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/vk.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/wechat.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/whatsapp.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/wordpress.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0011.rearrange_array/assets/media/images/Social Icons/youtube.png b/exercises/0011.rearrange_array/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0011.rearrange_array/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0011.rearrange_array/assets/styles/main.css b/exercises/0011.rearrange_array/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0011.rearrange_array/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0011.rearrange_array/index.html b/exercises/0011.rearrange_array/index.html new file mode 100644 index 0000000..bd789e7 --- /dev/null +++ b/exercises/0011.rearrange_array/index.html @@ -0,0 +1,41 @@ + + + + + + + + Rearrange Array + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exercises/0011.rearrange_array/number_sorting.js b/exercises/0011.rearrange_array/number_sorting.js new file mode 100644 index 0000000..6132679 --- /dev/null +++ b/exercises/0011.rearrange_array/number_sorting.js @@ -0,0 +1,25 @@ + + +const numbers=[400,500,300,200,600,100,800,1000,900,700]; + +let largestNumber=0; +let secondLargestNumber=0; +let thirdLargestNumber=0; + +for(let x=0;xlargestNumber){ + secondLargestNumber=largestNumber; + largestNumber=numbers[x]; + } else if(numbers[x]>secondLargestNumber){ + thirdLargestNumber=secondLargestNumber; + secondLargestNumber=numbers[x]; + } else if(numbers[x]>thirdLargestNumber){ + thirdLargestNumber=numbers[x]; + } + +} + +console.log(largestNumber); +console.log(secondLargestNumber); +console.log(thirdLargestNumber); \ No newline at end of file diff --git a/exercises/0012.js_callback_function/assets/javascripts/main.js b/exercises/0012.js_callback_function/assets/javascripts/main.js new file mode 100644 index 0000000..22a1f13 --- /dev/null +++ b/exercises/0012.js_callback_function/assets/javascripts/main.js @@ -0,0 +1,106 @@ + + +// Example 01: + +function mainFunction(a,b,c){ + a(); + b(); + c(); +} + + + + +function one(){ + setTimeout( + function(){ + let var1=2; + let var2=3; + let var3_1=var1+var2; + console.dir(var3_1) + },3000 + ); +} + +function two(){ + let var3=`This is Function Two`; + console.dir(var3); +} + +function three(){ + let var4=`This is Function Three`; + console.dir(var4); +} + + + + +mainFunction(one,two,three); + + + + + + + + + +// Example 02: + +function ab(){ + + console.dir(`Rajib is ${bc()}`); + + function bc(cd){ + + cd=`Awesome!`; + return cd; + + } +} + +ab(); + + + + + + + + + +// Example 03: + +function a(){ + + let three=b()+5; + + function b(){ + + let two=c()+5; + + function c(){ + + let one=5; + return one; + + } + + return two; + + } + + console.dir(three); + +} + +a(); + + + + + + + + + diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/blogger.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/digg.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/drive.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/dropbox.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/email.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/facebook.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/flicker.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/google-plus.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/instagram.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/internet.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/linkedin.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/location.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (1).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (2).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (3).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (4).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (5).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (6).png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/media.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/messenger.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/outlook.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/pinterest.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/rss.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/share.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/skype.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/snapchat.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/soundcloud.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/spotify.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/steam.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/swarm.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/tinder.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/twitter.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/vimeo.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/vk.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/wechat.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/whatsapp.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/wordpress.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0012.js_callback_function/assets/media/images/Social Icons/youtube.png b/exercises/0012.js_callback_function/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0012.js_callback_function/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0012.js_callback_function/assets/styles/main.css b/exercises/0012.js_callback_function/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0012.js_callback_function/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0012.js_callback_function/index.html b/exercises/0012.js_callback_function/index.html new file mode 100644 index 0000000..b9d8dc5 --- /dev/null +++ b/exercises/0012.js_callback_function/index.html @@ -0,0 +1,42 @@ + + + + + + + + JavaScript Callback Function + + + + + + + + + + + + + + + + + + + + + + + +

See the console for the result.

+ + + + + + + + + + diff --git a/exercises/0013.js_promises/assets/javascripts/main.js b/exercises/0013.js_promises/assets/javascripts/main.js new file mode 100644 index 0000000..ee327cc --- /dev/null +++ b/exercises/0013.js_promises/assets/javascripts/main.js @@ -0,0 +1,102 @@ + + +// Example 01: + +let number=5; + + +const promise01=new Promise((resolve,reject)=>{ + if(number>0){ + resolve(()=>{ + console.dir(2+2); + }); + }else{ + reject(()=>{ + console.dir(2+1); + }); + } +}); + + +promise01 + .then((value)=>{ + value(); + }) + .catch((error)=>{ + error(); + }); + + + + + + + + + +// Example 02: + +// Conditions +const fees=50; +const marks=80; +function bothConditionsMet(){ + if(fees>=50 && marks>=80){ + bothConditionsMet=true; + }else{ + bothConditionsMet=false; + } +} + +// Making 3 promises as follows +// Course enrollment +function enrollment(){ + const promise=new Promise((resolve,reject)=>{ + if(fees>=50){ + resolve(console.dir(`You have successfully enrolled the course!`)); + }else{ + reject(console.dir(`Sorry, you haven't enrolled the course yet.`)); + } + }); + + return promise; +} + + + +// Course completion +function completion(){ + const promise=new Promise((resolve,reject)=>{ + if(marks>=80){ + resolve(console.dir(`Congratulation! You have successfully passed the exam.`)); + }else{ + reject(console.dir(`Sorry, you could not pass the exam, better luck next time.`)); + } + }) + + return promise; +} + + + +// Course Certificate +function certificate(){ + const promise=new Promise((resolve,reject)=>{ + if(bothConditionsMet){ + resolve(console.dir(`Please collect your certificate.`)); + }else{ + reject(console.dir(`Sorry the certificate isn't available.`)); + } + }); + + return promise; +} + + + +// Executing the promises sequentially +enrollment() // Enrollment Function called + .then(completion) // Completion Function called + .then(certificate) // Certificate Function called + .catch((error)=>{ + error; + }); // Any Errors will be caught here \ No newline at end of file diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/blogger.png b/exercises/0013.js_promises/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/digg.png b/exercises/0013.js_promises/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/drive.png b/exercises/0013.js_promises/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/dropbox.png b/exercises/0013.js_promises/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/email.png b/exercises/0013.js_promises/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/facebook.png b/exercises/0013.js_promises/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/flicker.png b/exercises/0013.js_promises/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/google-plus.png b/exercises/0013.js_promises/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/instagram.png b/exercises/0013.js_promises/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/internet.png b/exercises/0013.js_promises/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/linkedin.png b/exercises/0013.js_promises/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/location.png b/exercises/0013.js_promises/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (1).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (2).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (3).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (4).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (5).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media (6).png b/exercises/0013.js_promises/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/media.png b/exercises/0013.js_promises/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/messenger.png b/exercises/0013.js_promises/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/outlook.png b/exercises/0013.js_promises/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/pinterest.png b/exercises/0013.js_promises/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/rss.png b/exercises/0013.js_promises/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/share.png b/exercises/0013.js_promises/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/skype.png b/exercises/0013.js_promises/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/snapchat.png b/exercises/0013.js_promises/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/soundcloud.png b/exercises/0013.js_promises/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/spotify.png b/exercises/0013.js_promises/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/steam.png b/exercises/0013.js_promises/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/swarm.png b/exercises/0013.js_promises/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/tinder.png b/exercises/0013.js_promises/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/twitter.png b/exercises/0013.js_promises/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/vimeo.png b/exercises/0013.js_promises/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/vk.png b/exercises/0013.js_promises/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/wechat.png b/exercises/0013.js_promises/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/whatsapp.png b/exercises/0013.js_promises/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/wordpress.png b/exercises/0013.js_promises/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0013.js_promises/assets/media/images/Social Icons/youtube.png b/exercises/0013.js_promises/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0013.js_promises/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0013.js_promises/assets/styles/main.css b/exercises/0013.js_promises/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0013.js_promises/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0013.js_promises/index.html b/exercises/0013.js_promises/index.html new file mode 100644 index 0000000..6afdb43 --- /dev/null +++ b/exercises/0013.js_promises/index.html @@ -0,0 +1,42 @@ + + + + + + + + JavaScript Promises + + + + + + + + + + + + + + + + + + + + + + + +

Open the console to see results.

+ + + + + + + + + + diff --git a/exercises/0014.async_await/assets/javascripts/main.js b/exercises/0014.async_await/assets/javascripts/main.js new file mode 100644 index 0000000..a80d2bb --- /dev/null +++ b/exercises/0014.async_await/assets/javascripts/main.js @@ -0,0 +1,106 @@ + + +// Product puchase + +// Go to shop +let atShop=true; +function toShop(){ + const promise=new Promise((resolve,reject)=>{ + setTimeout(()=>{ + if(atShop){ + resolve(console.dir(`You have reached the Shop! Now, please select a product.`)); + }else{ + reject(console.dir(`Sorry, you haven't reached the shop yet.`)); + } + }); + },2000); + return promise; +} + + + + +// Select a product +let product=`Gamepad`; +function select(){ + const promise=new Promise((resolve,reject)=>{ + setTimeout(()=>{ + if(product==`Gamepad`){ + resolve(console.dir(`You have choosen a Gamepad!`)); + }else{ + reject(console.dir(`You haven't picked a Gamepad yet.`)); + } + },3000); + }); + return promise; +} + + + + +// Take the product to the counter +let Counter=true; +function atCounter(){ + const promise=new Promise((resolve,reject)=>{ + setTimeout(()=>{ + if(Counter){ + resolve(console.dir(`You are at the counter now, please pay the price.`)); + }else{ + reject(console.dir(`Please go to the counter to pay the price.`)); + } + },1000); + }); + return promise; +} + + + + +// Pay for the product +let price=2200; +function payment(){ + const promise=new Promise((resolve,reject)=>{ + switch(price){ + case 2200:resolve(console.dir(`Thanks, you have paid for the Gamepad, it's your now!`)); + break; + + default:reject(console.dir(`Please pay BDT2200 for the Gamepad to the counter.`)); + } + }); + return promise; +} + + + + +// Return home +let home=false; +function backHome(){ + const promise=new Promise((resolve,reject)=>{ + setTimeout(()=>{ + if(home){ + resolve(console.dir(`You have successfully bought a Gamepad & got back home, Good!`)); + }else{ + reject(console.dir(`Have you lost the way home? Please follow the map instead.`)); + } + },2000); + }); + return promise; +} + + + + +// Execute the promises with Async-Await +async function productPurchase(){ + try{ + await toShop(); + await select(); + await atCounter(); + await payment(); + await backHome(); + }catch(error){ + error; + } +} +productPurchase(); diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/blogger.png b/exercises/0014.async_await/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/digg.png b/exercises/0014.async_await/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/drive.png b/exercises/0014.async_await/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/dropbox.png b/exercises/0014.async_await/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/email.png b/exercises/0014.async_await/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/facebook.png b/exercises/0014.async_await/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/flicker.png b/exercises/0014.async_await/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/google-plus.png b/exercises/0014.async_await/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/instagram.png b/exercises/0014.async_await/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/internet.png b/exercises/0014.async_await/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/linkedin.png b/exercises/0014.async_await/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/location.png b/exercises/0014.async_await/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (1).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (2).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (3).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (4).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (5).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media (6).png b/exercises/0014.async_await/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/media.png b/exercises/0014.async_await/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/messenger.png b/exercises/0014.async_await/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/outlook.png b/exercises/0014.async_await/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/pinterest.png b/exercises/0014.async_await/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/rss.png b/exercises/0014.async_await/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/share.png b/exercises/0014.async_await/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/skype.png b/exercises/0014.async_await/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/snapchat.png b/exercises/0014.async_await/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/soundcloud.png b/exercises/0014.async_await/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/spotify.png b/exercises/0014.async_await/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/steam.png b/exercises/0014.async_await/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/swarm.png b/exercises/0014.async_await/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/tinder.png b/exercises/0014.async_await/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/twitter.png b/exercises/0014.async_await/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/vimeo.png b/exercises/0014.async_await/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/vk.png b/exercises/0014.async_await/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/wechat.png b/exercises/0014.async_await/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/whatsapp.png b/exercises/0014.async_await/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/wordpress.png b/exercises/0014.async_await/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0014.async_await/assets/media/images/Social Icons/youtube.png b/exercises/0014.async_await/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0014.async_await/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0014.async_await/assets/styles/main.css b/exercises/0014.async_await/assets/styles/main.css new file mode 100644 index 0000000..bc1d138 --- /dev/null +++ b/exercises/0014.async_await/assets/styles/main.css @@ -0,0 +1,57 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + + + + + + + + + +.display_001{ + margin:1em; + padding:.5em; + border:1px solid lightcoral; + border-radius:15px; + color:teal; + font-size:100px; +} \ No newline at end of file diff --git a/exercises/0014.async_await/index.html b/exercises/0014.async_await/index.html new file mode 100644 index 0000000..5c841f0 --- /dev/null +++ b/exercises/0014.async_await/index.html @@ -0,0 +1,41 @@ + + + + + + + + JavaScript Async-Await + + + + + + + + + + + + + + + + + + + + + + + +

Open the console to see results.

+ + + + + + + + + diff --git a/exercises/0015.js_promises_revision/assets/javascripts/main.js b/exercises/0015.js_promises_revision/assets/javascripts/main.js new file mode 100644 index 0000000..d5b9a36 --- /dev/null +++ b/exercises/0015.js_promises_revision/assets/javascripts/main.js @@ -0,0 +1,79 @@ + + +// Ticket booking example + +/* W R O N G Promise scope!! +// Go to station +let reachedStation=true; +function atStation(){ + setTimeout(()=>{ + const promise=new Promise((resolve,reject)=>{ + if(reachedStation){ + resolve(console.dir(`You have reached the station in time.`)); + }else{ + reject(console.dir(`You haven't reached the station in time.`)); + } + }); + return promise; + },2000); +} +*/ + +// Go to station +let reachedStation=true; +function atStation(){ + const promise=new Promise((resolve,reject)=>{ + setTimeout(()=>{ + if(reachedStation){ + resolve(console.dir(`You have reached the station in time!`)); + }else{ + reject(console.dir(`You haven't reached the station yet.`)); + } + },3000); + }); + return promise; +} + + + + + +// Book a ticket +const ticketPrice=500; +function bookTicket(){ + const promise=new Promise((resolve,reject)=>{ + if(ticketPrice==500){ + resolve(console.dir(`You have booked a ticket!`)); + }else{ + reject(console.dir(`Sorry, you haven't booked a ticket yet.`)); + } + }); + return promise; +} + + + + +// Collect the ticket +function collectTicket(){ + const promise=new Promise((resolve,reject)=>{ + if(reachedStation&&ticketPrice==500){ + resolve(console.dir(`Your ticket is ready to collect.`)); + }else{ + reject(console.dir(`Sorry, the ticket isn't ready yet.`)); + } + }); + return promise; +} + + + + +// Execute the promises +atStation() + .then(bookTicket) + .then(collectTicket) + + .catch((error)=>{ + error; + }); \ No newline at end of file diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/blogger.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/digg.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/drive.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/dropbox.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/email.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/facebook.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/flicker.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/google-plus.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/instagram.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/internet.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/linkedin.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/location.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (1).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (2).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (3).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (4).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (5).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (6).png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/messenger.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/outlook.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/pinterest.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/rss.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/share.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/skype.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/snapchat.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/soundcloud.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/spotify.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/steam.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/swarm.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/tinder.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/twitter.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vimeo.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vk.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wechat.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/whatsapp.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wordpress.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0015.js_promises_revision/assets/media/images/Social Icons/youtube.png b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0015.js_promises_revision/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0015.js_promises_revision/assets/styles/main.css b/exercises/0015.js_promises_revision/assets/styles/main.css new file mode 100644 index 0000000..f53f395 --- /dev/null +++ b/exercises/0015.js_promises_revision/assets/styles/main.css @@ -0,0 +1,40 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} \ No newline at end of file diff --git a/exercises/0015.js_promises_revision/index.html b/exercises/0015.js_promises_revision/index.html new file mode 100644 index 0000000..149c0f9 --- /dev/null +++ b/exercises/0015.js_promises_revision/index.html @@ -0,0 +1,42 @@ + + + + + + + + JavaScript Promises Revision + + + + + + + + + + + + + + + + + + + + + + + +

See the console for the result.

+ + + + + + + + + + diff --git a/exercises/0016.js_slideshow/assets/javascripts/main.js b/exercises/0016.js_slideshow/assets/javascripts/main.js new file mode 100644 index 0000000..5ac1d5e --- /dev/null +++ b/exercises/0016.js_slideshow/assets/javascripts/main.js @@ -0,0 +1,68 @@ + + +// Create variables +const slides=document.querySelectorAll(`.slide`); +const dots=document.querySelectorAll(`.dot`); +const btnPrev=document.querySelector(`.btnPrev`); +const btnNext=document.querySelector(`.btnNext`); +let index=0; + + +// Reset slides +function reset(){ + for(let i=0;i=slides.length){ + index=0; + slides[index].style.display=`block`; + dots[index].classList.add(`activeDot`); + }else{ + slides[index].style.display=`block`; + dots[index].classList.add(`activeDot`); + } +} + + +// Previous slide +function prevSlide(){ + reset(); + index-=1; + if(index<0){ + index=slides.length-1; + slides[index].style.display=`block`; + dots[index].classList.add(`activeDot`); + }else{ + slides[index].style.display=`block`; + dots[index].classList.add(`activeDot`); + } +} + + +// Events +btnPrev.addEventListener(`click`,prevSlide); +btnNext.addEventListener(`click`,nextSlide); + + +// Autoslide +function autoSlide(){ + reset(); + slides[index].style.display=`block`; + dots[index].classList.add(`activeDot`); + index+=1; + if(index>=slides.length){ + index=0; + } + setTimeout(autoSlide,2000); +} +autoSlide(); \ No newline at end of file diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png new file mode 100644 index 0000000..b23a7d8 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_1.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png new file mode 100644 index 0000000..ee38729 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_cover_photo_2.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_profile_image.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/facebook_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/favicon.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/favicon.png new file mode 100644 index 0000000..8d72ef1 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/favicon.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/instagram_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/instagram_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/instagram_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png new file mode 100644 index 0000000..d738bf2 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_1.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png new file mode 100644 index 0000000..1b91906 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_banner_image_2.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png new file mode 100644 index 0000000..6f337d5 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/linkedin_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo.png new file mode 100644 index 0000000..2df68fd Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo_transparent.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo_transparent.png new file mode 100644 index 0000000..9117c8c Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/logo_transparent.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_board_photo.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png new file mode 100644 index 0000000..bae3436 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/pinterest_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png new file mode 100644 index 0000000..7aff936 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_1.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png new file mode 100644 index 0000000..7c94f76 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_header_photo_2.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/twitter_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/youtube_profile_image.png b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/youtube_profile_image.png new file mode 100644 index 0000000..e2f322a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/SJ Logos & Banners/youtube_profile_image.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/blogger.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/blogger.png new file mode 100644 index 0000000..d660d13 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/blogger.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/digg.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/digg.png new file mode 100644 index 0000000..60a2b93 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/digg.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/drive.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/drive.png new file mode 100644 index 0000000..9b5f5a0 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/drive.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/dropbox.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/dropbox.png new file mode 100644 index 0000000..973d4b1 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/dropbox.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/email.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/email.png new file mode 100644 index 0000000..3f318c5 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/email.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/facebook.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/facebook.png new file mode 100644 index 0000000..033b6e4 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/facebook.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/flicker.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/flicker.png new file mode 100644 index 0000000..93679a9 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/flicker.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/google-plus.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/google-plus.png new file mode 100644 index 0000000..44579c9 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/google-plus.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/instagram.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/instagram.png new file mode 100644 index 0000000..71ab21a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/instagram.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/internet.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/internet.png new file mode 100644 index 0000000..8cacb40 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/internet.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/linkedin.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/linkedin.png new file mode 100644 index 0000000..1ac61b4 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/linkedin.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/location.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/location.png new file mode 100644 index 0000000..b703c3b Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/location.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (1).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (1).png new file mode 100644 index 0000000..ec5d53c Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (1).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (2).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (2).png new file mode 100644 index 0000000..079322a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (2).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (3).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (3).png new file mode 100644 index 0000000..3cfdaea Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (3).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (4).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (4).png new file mode 100644 index 0000000..ff7cb66 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (4).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (5).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (5).png new file mode 100644 index 0000000..fe9bcb5 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (5).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (6).png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (6).png new file mode 100644 index 0000000..0d3d414 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media (6).png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/media.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media.png new file mode 100644 index 0000000..f2e6067 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/media.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/messenger.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/messenger.png new file mode 100644 index 0000000..36d8510 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/messenger.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/outlook.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/outlook.png new file mode 100644 index 0000000..4d46052 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/outlook.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/pinterest.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/pinterest.png new file mode 100644 index 0000000..469c11a Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/pinterest.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/rss.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/rss.png new file mode 100644 index 0000000..836dfea Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/rss.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/share.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/share.png new file mode 100644 index 0000000..48e96ca Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/share.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/skype.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/skype.png new file mode 100644 index 0000000..45aa250 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/skype.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/snapchat.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/snapchat.png new file mode 100644 index 0000000..b7d06ff Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/snapchat.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/soundcloud.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/soundcloud.png new file mode 100644 index 0000000..4eea343 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/soundcloud.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/spotify.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/spotify.png new file mode 100644 index 0000000..feabebf Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/spotify.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/steam.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/steam.png new file mode 100644 index 0000000..965791d Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/steam.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/swarm.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/swarm.png new file mode 100644 index 0000000..c9eb7da Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/swarm.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/tinder.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/tinder.png new file mode 100644 index 0000000..81b68c7 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/tinder.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/twitter.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/twitter.png new file mode 100644 index 0000000..f61be8c Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/twitter.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/vimeo.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/vimeo.png new file mode 100644 index 0000000..5e95a4f Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/vimeo.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/vk.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/vk.png new file mode 100644 index 0000000..2a0e748 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/vk.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/wechat.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/wechat.png new file mode 100644 index 0000000..f105c0f Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/wechat.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/whatsapp.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/whatsapp.png new file mode 100644 index 0000000..bc6a525 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/whatsapp.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/wordpress.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/wordpress.png new file mode 100644 index 0000000..5c0d07f Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/wordpress.png differ diff --git a/exercises/0016.js_slideshow/assets/media/images/Social Icons/youtube.png b/exercises/0016.js_slideshow/assets/media/images/Social Icons/youtube.png new file mode 100644 index 0000000..cecac58 Binary files /dev/null and b/exercises/0016.js_slideshow/assets/media/images/Social Icons/youtube.png differ diff --git a/exercises/0016.js_slideshow/assets/styles/main.css b/exercises/0016.js_slideshow/assets/styles/main.css new file mode 100644 index 0000000..d160d53 --- /dev/null +++ b/exercises/0016.js_slideshow/assets/styles/main.css @@ -0,0 +1,115 @@ + + +/* Main Stylesheet */ + +* { + margin: 0; + padding: 0; + transition: all .3s ease-in-out; +} + +html { + box-sizing: border-box; + position: relative; +} + +body {} + +a:hover { + cursor: pointer; +} + +button { + padding: .5em; + border: 1px solid black; + border-radius: 5%; +} + +button:hover { + cursor: pointer; + background-color: black; + color: azure; + border: 1px solid azure; + border-radius: 5%; +} + +li { + cursor: pointer; +} + +.clear {} + + + + + + + + + +.slideShow{} + + .slides{} + + .slide{ + height:75vh; + width:100%; + } + + .slide01{ + background-image:linear-gradient(to right, white, green); + } + + .slide02{ + background-image:linear-gradient(to top, white, blue); + } + + .slide03{ + background-image:linear-gradient(to left, white, red); + } + + .bnd{ + margin:1em; + display:grid; + grid-template-columns:repeat(auto-fit,minmax(0,auto)); + justify-items:center; + align-items:center; + } + + .buttons{} + + .btnPrev{} + + .btnNext{} + + .dots{} + + .dot{ + margin:.3em; + display:inline-block; + height:15px; + width:15px; + background-color:aqua; + border-radius:50%; + } + + .dot01{ + /* background-image:linear-gradient(to right, white, green); */ + } + + .dot02{ + /* background-image:linear-gradient(to top, white, blue); */ + } + + .dot03{ + /* background-image:linear-gradient(to left, white, red); */ + } + + .activeDot{ + margin:.3em; + display:inline-block; + height:15px; + width:15px; + background-color:tomato; + border-radius:50%; + } \ No newline at end of file diff --git a/exercises/0016.js_slideshow/index.html b/exercises/0016.js_slideshow/index.html new file mode 100644 index 0000000..49e9301 --- /dev/null +++ b/exercises/0016.js_slideshow/index.html @@ -0,0 +1,66 @@ + + + + + + + + JavaScript Slideshow + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + + +
+
+
+ + + +
+
+
+
+ + + + + + + + + + + + + + + diff --git a/exercises/0018.object/index.html b/exercises/0018.object/index.html new file mode 100644 index 0000000..37b73b8 --- /dev/null +++ b/exercises/0018.object/index.html @@ -0,0 +1,32 @@ + + + + + + + + + + + App + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0018.object/main.css b/exercises/0018.object/main.css new file mode 100644 index 0000000..bfa8195 --- /dev/null +++ b/exercises/0018.object/main.css @@ -0,0 +1,12 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0018.object/main.js b/exercises/0018.object/main.js new file mode 100644 index 0000000..8306cd7 --- /dev/null +++ b/exercises/0018.object/main.js @@ -0,0 +1,24 @@ + + +const car={ + Brand:`Toyota`, + Model:`Supra MK4`, + Year:1993, + Wheels:4, + Doors:2, + + CarFunctions:{ + car:this, + Start:function(){ + console.log(`${this.car.Model} has started!`); + }, + TurnOff:function(){ + console.log(`${this.car.Start()}. Now Turn it off.`); + }, + } +} + +// console.dir(typeof(car.CarFunctions.Start())); +console.dir(car.CarFunctions.TurnOff()); + +// The code did not work \ No newline at end of file diff --git a/exercises/0019.functions/index.html b/exercises/0019.functions/index.html new file mode 100644 index 0000000..1982362 --- /dev/null +++ b/exercises/0019.functions/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + + App + + + + + +

Open the Console to see the Results.

+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0019.functions/main.css b/exercises/0019.functions/main.css new file mode 100644 index 0000000..4a96191 --- /dev/null +++ b/exercises/0019.functions/main.css @@ -0,0 +1,14 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0019.functions/main.js b/exercises/0019.functions/main.js new file mode 100644 index 0000000..bac8410 --- /dev/null +++ b/exercises/0019.functions/main.js @@ -0,0 +1,13 @@ + + +let a=0; +let b=10; + +function z(a,b,c){ + a=a; // The left side is variable `a` & the right side is parameter `a`. + + return(a+b); +} + +console.dir(z(a,15)); +console.dir(typeof(z)); \ No newline at end of file diff --git a/exercises/0020.accordion/index.html b/exercises/0020.accordion/index.html new file mode 100644 index 0000000..af9499d --- /dev/null +++ b/exercises/0020.accordion/index.html @@ -0,0 +1,67 @@ + + + + + + + + + + + App + + + + + + + + +
+ +
+

Title 01

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere odio ullam numquam error eum ut, suscipit a adipisci autem non labore. Voluptatum accusantium ad neque dolorum, tempora alias odit consectetur. +

+
+ +
+

Title 02

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere odio ullam numquam error eum ut, suscipit a adipisci autem non labore. Voluptatum accusantium ad neque dolorum, tempora alias odit consectetur. +

+
+ +
+

Title 03

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere odio ullam numquam error eum ut, suscipit a adipisci autem non labore. Voluptatum accusantium ad neque dolorum, tempora alias odit consectetur. +

+
+ +
+

Title 04

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere odio ullam numquam error eum ut, suscipit a adipisci autem non labore. Voluptatum accusantium ad neque dolorum, tempora alias odit consectetur. +

+
+ +
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0020.accordion/main.css b/exercises/0020.accordion/main.css new file mode 100644 index 0000000..5f092d1 --- /dev/null +++ b/exercises/0020.accordion/main.css @@ -0,0 +1,51 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} + + + + + + + + + +.accordion{ + width:25%; + margin:1em auto; +} + +.accordionItem{} + + .accordionTitle{ + cursor:pointer; + background-color:aqua; + text-align:center; + margin:.3em; + padding:.2em; + } + + .accordionContent{ + display:none; + background-color:thistle; + font-size:18px; + margin:.3em; + padding:.5em; + } + + + + +.accordionItem.active .accordionContent{ + display:block; +} + diff --git a/exercises/0020.accordion/main.js b/exercises/0020.accordion/main.js new file mode 100644 index 0000000..4a9b41e --- /dev/null +++ b/exercises/0020.accordion/main.js @@ -0,0 +1,19 @@ + + +const accordion=document.querySelector(`.accordion`); +const accordionItem=document.querySelectorAll(`.accordionItem`); + +accordionItem.forEach((item)=>{ + const accordionTitle=item.querySelector(`.accordionTitle`); + const accordionContent=item.querySelector(`.accordionContent`); + + accordionTitle.addEventListener(`click`,()=>{ + for(let i=0;i{ + if(payment){ + callback; + }else{ + console.log(`Sorry, payment is pending.`); + } + },2000); + } + + //progress + function progress(callback){ + console.log(`Course progress is ongoing.`); + + setTimeout(()=>{ + if(marks>=80){ + callback; + }else{ + console.log(`Sorry, you did not pass.`); + } + },3000); + } + + + //getCertificate + function getCertificate(){ + console.log(`Prepering the certificate.`); + + setTimeout(()=>{ + console.log(`Your certificate is ready, contact to collect.`); + },1000); + } + + enroll(progress(getCertificate)); + +} + +course(); \ No newline at end of file diff --git a/exercises/0021.random_testings/index.html b/exercises/0021.random_testings/index.html new file mode 100644 index 0000000..43daaec --- /dev/null +++ b/exercises/0021.random_testings/index.html @@ -0,0 +1,36 @@ + + + + + + + + + + + Random JavaScript + + + + + + + + +
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0021.random_testings/main.css b/exercises/0021.random_testings/main.css new file mode 100644 index 0000000..ac43f69 --- /dev/null +++ b/exercises/0021.random_testings/main.css @@ -0,0 +1,29 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + font-family:'Times New Roman', Times, serif; +} + +a,button{ + cursor:pointer; +} + + + + +#divOne{ + width:80%; + margin:2em auto; + padding:1em; + width:80%; + /* border:1px solid #000; */ + border-radius:5px; + font-size:20px; + color:#004c4c; + background-image:linear-gradient(to right, #b2d8d8, #66b2b2); + box-shadow:2px 2px 4px #006666; +} \ No newline at end of file diff --git a/exercises/0021.random_testings/main.js b/exercises/0021.random_testings/main.js new file mode 100644 index 0000000..e203272 --- /dev/null +++ b/exercises/0021.random_testings/main.js @@ -0,0 +1,479 @@ + + +// console.log(`Main script is connected`); +// DOM elements +const divOne=document.querySelector(`#divOne`); + + +// Sort Strings +/* +let a=[`Tesla`,`BMW`,`Toyota`,`Mitsubishi`,`Nissan`,`Porshe`,`Audi`]; + +console.dir(a.sort()); +console.dir(`The Variable 'a' is now, ${a}`); +*/ + + +// Sort Numbers +/* +let b=[35,13,,313,11,31,351,31,31,5,51,351,3135,128]; + +console.dir(b.sort((a,b)=>{ + return a-b; +})); +console.dir(`The Variable 'b' is now, ${b}`); +*/ + + +// Reverse Sort +/* +let a=[`Tesla`,`BMW`,`Toyota`,`Mitsubishi`,`Nissan`,`Porshe`,`Audi`]; + +console.log(a.sort().reverse()); +*/ + + +// Reverse Sort Numbers +/* +let b=[35,13,,313,11,31,351,31,31,5,51,351,3135,128]; + +console.log(b.sort((a,b)=>{ + return a-b; +}).reverse((a,b)=>{ + return a-b; +})); +*/ + + +/*---------------------------------------------------------------------------------------------*/ + + +// JS Sets +/* +let a=new Set([800,344,866,422,648,917]); +console.log(a.size); + +if(a.has(800)){ + console.log(`It has 800`); +}else{ + console.log(`It has not 800`); +} + + +a.add(100,500); + +if(a.has(100)){ + console.log(`It has 100`); +}else{ + console.log(`It has not 100`); +} + +if(a.has(500)){ + console.log(`It has 500`); +}else{ + console.log(`It has not 500`); +} +*/ + + +/*---------------------------------------------------------------------------------------------*/ + + +// JS Maps +/* +let a=new Map([ + [1,10], + [2,20], + [3,30], + [4,40], + [5,50], // Key `5's` Value has been replaced by `60` later + [5,60] +]); +console.log(a); + +// Insert a pair in the `a` +a.set(6,60); +console.log(a); + +// Loop through `a` +for(let i of a){ + console.log(`Now I am going through ${i}`); +} + +// Get a value from `a` +console.log(`Key 3's value is ${a.get(3)}`); +*/ + + +/*---------------------------------------------------------------------------------------------*/ + + +// JS Error Handling +/* +try{ + let a=new Map([ + [1,10], + [2,20], + [3,30], + [4,40], + [5,50], // Key `5's` Value has been replaced by `60` later + [5,60] + ]); + console.log(a); + + // Insert a pair in the `a` + a.set(6,60); + console.log(a); + + // Loop through `a` + for(let i of a){ + console.log(`Now I am going through ${i}`); + } + + // Get a value from `a` + console.lg(`Key 3's value is ${a.get(3)}`); +}catch(err){ + console.log(err); +} +*/ + + +/*---------------------------------------------------------------------------------------------*/ + + +// JS Class +/* +class Cls{ + constructor(name,country){ + this.n=name; + this.c=country; + } + + profession(p){ + return p; + } +} + +const Rajib=new Cls(`Rajib`,`Bangladesh`); + +divOne.textContent=`He is called ${Rajib.n} & he is from ${Rajib.c} & he is a ${Rajib.profession(`Frontend Web Developer`)}.`; +*/ + + +/*---------------------------------------------------------------------------------------------*/ + + +// Object +/* +const gtr34={ + Brand:`Nissan`, + Model:`GTR`, + Version:34, + ProductionYear:[`${1969} to ${1973}`,`${1989} to ${2002}`], + Assembly:[`Musashimurayama, Japan Omori`,`Japan (Z-Tune)`], +} + +console.log(typeof(gtr34.ProductionYear)) + +for(let i=0;i elements in the table +const tableCells = document.querySelectorAll('table tr td:nth-child(5)'); + +// Iterate through the selected elements +tableCells.forEach((cell) => { + // Check if the text content of the current cell is 'E' + if (cell.textContent === 'E') { + // Get the corresponding in the same row with :nth-child(1) + const correspondingCell = cell.parentElement.querySelector('td:nth-child(1)'); + + // Do something with the corresponding cell + console.log('Found "E", corresponding cell contains:', correspondingCell.textContent); + } +}); +*/ + + +/*---------------------------------------------------------------------------------------------*/ + +// /** +// * @param {number} n +// * @return {Function} counter +// */ +// var createCounter = function(n) { +// let value=n; +// return function() { +// let currentValue=value; +// value++; +// return currentValue; +// }; +// }; + + +// const counter = createCounter(10) +// console.log(counter()); +// console.log(counter()); +// console.log(counter()); +// console.log(counter()); + + + /*---------------------------------------------------------------------------------------------*/ + + +/* +// object literals +const book1={ + name:`BookOne`, + writer:`John Doe`, + year:2013, + summary:function(){ + return (`The book ${this.name} was written by ${this.writer} in the year ${this.year}.`); + } +} + + +const book2={ + name:`BookTwo`, + writer:`Robert Frost`, + year:2015, + summary:function(){ + return (`The book ${this.name} was written by ${this.writer} in the year ${this.year}.`); + } +} + +console.log(book2.summary()); +*/ + + + /*---------------------------------------------------------------------------------------------*/ + + +/* +// object constructor with class +class Book{ + constructor(title,writer,year){ + this.bookName=title; + this.bookWriter=writer; + this.publishingYear=year; + this.summary=()=>{ + return `The book ${this.bookName} was written by ${this.bookWriter} & it was published in the year ${this.publishingYear}`; + } + } +} + +const book1=new Book(`BookOne`,`John Doe`,2013); +const book2=new Book(`The Lord of the Rings`,`J. R. R. Tolkien`,1954); +const book3=new Book(`The Great Gatsby`,`F. Scott Fitzgerald`,1925); +const book4=new Book(`The Kite Runner`,`Khaled Hosseini`,2003); + +console.log(book2.summary()); +console.log(book1.summary()); +*/ + + + /*---------------------------------------------------------------------------------------------*/ + +/* + // object prototype + class Book{ + constructor(title,writer,year){ + this.bookName=title; + this.bookWriter=writer; + this.publishingYear=year; + } +} + +// declaring a prototype +Book.prototype.summary=function(){ + return `The book ${this.bookName} was written by ${this.bookWriter} & it was published in the year ${this.publishingYear}`; +} + +// declaring a prototype +Book.prototype.howLong=function(){ + let bookAge=new Date().getFullYear()-this.publishingYear; + return `The book ${this.bookName} is now ${bookAge} years old.`; +} + +const book1=new Book(`BookOne`,`John Doe`,2013); +const book2=new Book(`The Lord of the Rings`,`J. R. R. Tolkien`,1954); +const book3=new Book(`The Great Gatsby`,`F. Scott Fitzgerald`,1925); +const book4=new Book(`The Kite Runner`,`Khaled Hosseini`,2003); + +console.log(book2.summary()); +console.log(book1.summary()); +console.log(book1.howLong()); +/* + +/*---------------------------------------------------------------------------------------------*/ + + +/* +// Randomize array items order +let array=[`Nissan`,`Mazda`,`Toyota`,`Mitsubishi`]; + +function randOrder(){ + let randNum=Math.floor(Math.random()*4); + + for(let a of array){ + const rArr=a[randNum]; + console.log(rArr); + } +} + +randOrder(); +*/ \ No newline at end of file diff --git a/exercises/0021.random_testings/maps.js b/exercises/0021.random_testings/maps.js new file mode 100644 index 0000000..912a6c5 --- /dev/null +++ b/exercises/0021.random_testings/maps.js @@ -0,0 +1,11 @@ + + +const fruits = new Map([ + ["apples", 500], + ["bananas", 300], + ["oranges", 200], + [4, 200], +]); + + +console.dir(fruits); \ No newline at end of file diff --git a/exercises/0021.random_testings/promise.js b/exercises/0021.random_testings/promise.js new file mode 100644 index 0000000..e69de29 diff --git a/exercises/0021.random_testings/sets.js b/exercises/0021.random_testings/sets.js new file mode 100644 index 0000000..7c4d5ae --- /dev/null +++ b/exercises/0021.random_testings/sets.js @@ -0,0 +1,18 @@ + + +/* //It works +const setA=new Set(); + +setA.add(1); +setA.add(2); +setA.add(3); +setA.delete(3); + +console.dir(setA.values()); +*/ + + +// It doesn't work +const setB=new Set([1,2,3],[4,5,6]); + +console.dir(setB[1]); \ No newline at end of file diff --git a/exercises/0022.target/index.html b/exercises/0022.target/index.html new file mode 100644 index 0000000..dc57830 --- /dev/null +++ b/exercises/0022.target/index.html @@ -0,0 +1,48 @@ + + + + + + + + + + + App + + + + + + + + +
+
01
+
02
+
03
+
04
+
05
+
06
+
07
+
08
+
09
+
10
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0022.target/main.css b/exercises/0022.target/main.css new file mode 100644 index 0000000..efc87fb --- /dev/null +++ b/exercises/0022.target/main.css @@ -0,0 +1,43 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} + + + + +.fullPage{ + width:50%; + margin:1em auto; + padding:1em; + background-color:gray; + + display:grid; + gap:1em; + grid-template-columns:repeat(3,1fr); + justify-items:center; + align-items:center; +} + +.item{ + width:10em; + height:10em; + border-radius:15%; + box-shadow:2px 4px 6px #000; + cursor:pointer; + font-size:17px; + font-weight:bold; + background-color:lightgray; + + display:grid; + justify-content:center; + align-items:center; +} \ No newline at end of file diff --git a/exercises/0022.target/main.js b/exercises/0022.target/main.js new file mode 100644 index 0000000..b9901c1 --- /dev/null +++ b/exercises/0022.target/main.js @@ -0,0 +1,17 @@ + + +// Catch the body +const body=document.querySelector(`body`); + +// Grab the target element +function grabElement(e){ + const el=e.target; + const elDta=e.target.dataset.unique; + + console.dir(el); + console.dir(elDta); +} + +// Grab elements of the body +body.addEventListener(`click`,grabElement); + diff --git a/exercises/0023.accordion/index.html b/exercises/0023.accordion/index.html new file mode 100644 index 0000000..a6778aa --- /dev/null +++ b/exercises/0023.accordion/index.html @@ -0,0 +1,70 @@ + + + + + + + + + + + Accordion + + + + + + + + +
+ +
+

Title 01

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+

Title 02

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+

Title 03

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+

Title 04

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+

Title 05

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+

Title 06

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione molestiae, ipsum voluptate minima neque omnis praesentium velit ad expedita explicabo.

+
+ +
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0023.accordion/main.css b/exercises/0023.accordion/main.css new file mode 100644 index 0000000..0eacbbe --- /dev/null +++ b/exercises/0023.accordion/main.css @@ -0,0 +1,49 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + transition:all .4s ease-in-out; +} + +a,button{ + cursor:pointer; +} + +/*Common styles end*/ + + + + +.accordion{ + width:25%; + margin:1% auto; +} + +.accordionItem{ + padding:1%; +} + +.accordionTitle{ + background-color:aquamarine; + padding:2%; + cursor:pointer; + box-shadow:2px 2px 4px lightseagreen; + z-index:1; +} + +.accordionDetail{ + background-color:mintcream; + padding:3%; + border:1px solid aquamarine; +} + +.hidden{ + display:none; +} + +.shown{ + display:block; +} \ No newline at end of file diff --git a/exercises/0023.accordion/main.js b/exercises/0023.accordion/main.js new file mode 100644 index 0000000..171d5b0 --- /dev/null +++ b/exercises/0023.accordion/main.js @@ -0,0 +1,25 @@ + + +const accordion=document.querySelector(`.accordion`); +const accordionItem=document.querySelectorAll(`.accordionItem`); +const accordionTitle=document.querySelectorAll(`.accordionTitle`); +const accordionDetails=document.querySelectorAll(`.accordionDetail`); + +/* +function hideAllDetails(){ + for(let a of accordionDetails){ + a.classList.add(`hidden`); + } +} +hideAllDetails(); + +for(let b of accordionTitle){ + b.addEventListener(`click`,expandDetails); +} + +function expandDetails(c){ + const parentElement=c.target.parentElement; + parentElement.children[1].classList.toggle(`hidden`); + parentElement.children[1].classList.toggle(`shown`); +} +*/ \ No newline at end of file diff --git a/exercises/0023.accordion/method2.js b/exercises/0023.accordion/method2.js new file mode 100644 index 0000000..7601fa2 --- /dev/null +++ b/exercises/0023.accordion/method2.js @@ -0,0 +1,26 @@ + + + + +function hideAllDetails(){ + for(let a of accordionDetails){ + a.classList.add(`hidden`); + } +} +hideAllDetails(); + + +for(let a of accordionTitle){ + a.addEventListener(`click`,expandDetails); +} + + +function expandDetails(e){ + if(e){ + const cls=e.target.parentElement.children[1]; + cls.classList.toggle(`hidden`); + cls.classList.toggle(`shown`); + }else{ + hideAllDetails(); + } +} \ No newline at end of file diff --git a/exercises/0024.map/index.html b/exercises/0024.map/index.html new file mode 100644 index 0000000..29ff086 --- /dev/null +++ b/exercises/0024.map/index.html @@ -0,0 +1,34 @@ + + + + + + + + + 0001 + + + + + + + + +
+ + + +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0024.map/main.css b/exercises/0024.map/main.css new file mode 100644 index 0000000..0583d54 --- /dev/null +++ b/exercises/0024.map/main.css @@ -0,0 +1,27 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; + transition:all .4s ease-in-out; +} + +a,button{ + cursor:pointer; +} + +.container{ + margin:1rem auto; + padding:1rem; + border-radius:5px; + box-shadow:2px 2px 4px #f9f9f9; +} + +.one{ + border:1px solid #f4f5f9; + +} \ No newline at end of file diff --git a/exercises/0024.map/main.js b/exercises/0024.map/main.js new file mode 100644 index 0000000..00656eb --- /dev/null +++ b/exercises/0024.map/main.js @@ -0,0 +1,43 @@ + + +const GRAPHIC_OPTIONS = new Map( + [ + ["Resolution", "90"], + ["V-Sync", "80"], + ["Anti-Aliasing", "70"], + ["Texture Quality", "60"], + ["Shadow Quality", "50"], + ["Ambient Occlusion", "40"], + ["Anisotropic Filtering", "30"], + ["Lighting Quality", "20"], + ["Post Processing", "10"], + ["Effects Quality", "00"], + ["Volumetric Lighting/Fog", "10"], + ["Reflection Quality", "20"], + ["Depth of Field", "30"], + ["Motion Blur", "40"], + ["Mesh/Model Quality", "50"], + ["Terrain Quality", "60"], + ["Tessellation", "70"], + ["LOD (Level of Detail)", "80"], + ["Foliage Quality", "90"], + ["Bloom", "00"], + ["Chromatic Aberration", "90"], + ["Film Grain", "80"], + ["Dynamic Shadows", "70"], + ["Screen Space Reflections", "60"], + ["Particle Quality", "50"], + ["Texture Streaming", "40"], + ], +); + +GRAPHIC_OPTIONS.forEach((option) => { + console.log(option); + if (option >= 50) { + console.log(`High impact`); + } else if (option >= 40 && option < 50) { + console.log(`Medium impact`); + } else { + console.log(`Low impact`); + } +}); diff --git a/exercises/0025.ProblemSet01/browserNavigation.js b/exercises/0025.ProblemSet01/browserNavigation.js new file mode 100644 index 0000000..e69de29 diff --git a/exercises/0025.ProblemSet01/index.html b/exercises/0025.ProblemSet01/index.html new file mode 100644 index 0000000..8394651 --- /dev/null +++ b/exercises/0025.ProblemSet01/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + + Problem Set 01 + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0025.ProblemSet01/main.css b/exercises/0025.ProblemSet01/main.css new file mode 100644 index 0000000..4a96191 --- /dev/null +++ b/exercises/0025.ProblemSet01/main.css @@ -0,0 +1,14 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0025.ProblemSet01/main.js b/exercises/0025.ProblemSet01/main.js new file mode 100644 index 0000000..a64cc7b --- /dev/null +++ b/exercises/0025.ProblemSet01/main.js @@ -0,0 +1,53 @@ + + + + +// 1. **Fibonacci Sequence**: Write a function to generate the nth Fibonacci number using recursion or an iterative approach. + + +/*---------------------------------------------------------------------------*/ + +// 2. **Palindrome Checker**: Create a function to check if a given string is a palindrome (reads the same forwards and backward). + + +/*---------------------------------------------------------------------------*/ + +// 3. **Factorial Calculator**: Write a function to calculate the factorial of a given number. + + +/*---------------------------------------------------------------------------*/ + +// 4. **Anagram Detector**: Develop a function to check if two strings are anagrams of each other. + + +/*---------------------------------------------------------------------------*/ + +// 5. **FizzBuzz**: Implement a function that prints numbers from 1 to N, but for multiples of 3, print "Fizz," for multiples of 5, print "Buzz," and for multiples of both 3 and 5, print "FizzBuzz." + + +/*---------------------------------------------------------------------------*/ + +// 6. **Array Sorting**: Write a function to sort an array of numbers in ascending order without using the built-in `sort()` method. + + +/*---------------------------------------------------------------------------*/ + +// 7. **Unique Elements**: Create a function that takes an array and returns a new array containing only unique elements (removing duplicates). + + +/*---------------------------------------------------------------------------*/ + +// 8. **Reverse a String**: Implement a function to reverse a given string without using built-in string reversal methods. + + +/*---------------------------------------------------------------------------*/ + +// 9. **Sum of Primes**: Write a function to find the sum of all prime numbers below a given number N. + + +/*---------------------------------------------------------------------------*/ + +// 10. **Parentheses Checker**: Develop a function to check if a given string of parentheses is balanced (e.g., "(()()())" is balanced, but "())(" is not). + + +/*---------------------------------------------------------------------------*/ \ No newline at end of file diff --git a/exercises/0025.ProblemSet01/random-0001.js b/exercises/0025.ProblemSet01/random-0001.js new file mode 100644 index 0000000..d761c78 --- /dev/null +++ b/exercises/0025.ProblemSet01/random-0001.js @@ -0,0 +1,69 @@ + + +/* +for(let a=0;a<=50;a++){ + if(a%3==0){ + console.log(a+" "+`A`); + + }else if(a%5==0){ + console.log(a+" "+`B`); + + }else if(a%3==0 && a%5==0){ + console.log(a+" "+`Both are OK`); + + }else{ + console.log(a+" "+`None works`); + } +} +*/ + +/* +for(let a=0;a<=50;a++){ + if(a%3==0 && a%5==0){ + console.log(a+" "+`Both are OK`); + + }else if(a%5==0){ + console.log(a+" "+`A`); + + }else if(a%3==0){ + console.log(a+" "+`B`); + + }else{ + console.log(a+" "+`None works`); + } +} +*/ + +/* +let a=15; + +if(a%5==0){ + console.log(a+" "+`B`); +} +else if(a%3==0 && a%5==0){ + console.log(a+" "+`Both are OK`); + +}else if(a%3==0){ + console.log(a+" "+`A`); + +}else{ + console.log(a+" "+`None works`); +} +*/ + +/* +for(let a=0;a<=50;a++){ + if(a%3==0){ + console.log(a+" "+`A`); + + }else if(a%5==0){ + console.log(a+" "+`B`); + + }else if(window.navigator.onLine){ + console.log(a+" "+`Both are OK`); + + }else{ + console.log(a+" "+`None works`); + } +} +*/ \ No newline at end of file diff --git a/exercises/0026.sendEmail/index.html b/exercises/0026.sendEmail/index.html new file mode 100644 index 0000000..66bdd83 --- /dev/null +++ b/exercises/0026.sendEmail/index.html @@ -0,0 +1,33 @@ + + + + + + + + + + + App + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0026.sendEmail/main.css b/exercises/0026.sendEmail/main.css new file mode 100644 index 0000000..bfa8195 --- /dev/null +++ b/exercises/0026.sendEmail/main.css @@ -0,0 +1,12 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0026.sendEmail/main.js b/exercises/0026.sendEmail/main.js new file mode 100644 index 0000000..358ca16 --- /dev/null +++ b/exercises/0026.sendEmail/main.js @@ -0,0 +1,14 @@ + + +const mail1=document.querySelector(`.mail1`); +const submit=document.querySelector(`button`); + +submit.addEventListener(`click`,()=>{ + let mail1V=mail1.value; + console.log(mail1V); +}); + + + + +console.log(); diff --git a/exercises/0027.tasbih/index.html b/exercises/0027.tasbih/index.html new file mode 100644 index 0000000..181c2d0 --- /dev/null +++ b/exercises/0027.tasbih/index.html @@ -0,0 +1,38 @@ + + + + + + + + + + + Tasbih + + + + + + + + +
+ +

Tasbih

+
+
+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0027.tasbih/main.css b/exercises/0027.tasbih/main.css new file mode 100644 index 0000000..136f33a --- /dev/null +++ b/exercises/0027.tasbih/main.css @@ -0,0 +1,75 @@ + + + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + position: relative; + font-family:Georgia, 'Times New Roman', Times, serif; +} + +a, button { + cursor: pointer; +} + +.tasbih { + width: 100%; + margin: auto; + display: grid; + gap: 1rem; + justify-content: stretch; + align-items: center; +} + +.tasbih > h1{ + text-align: center; +} + +.tasbih > h1 a{ + text-decoration:none; + width: 100%; + margin: auto; + color: #2f6f56; + text-shadow: 2px 2x 4px #18392b; +} + +.tButton { + font-size: 2000%; + height: 85vh; + width: 95%; + /* text-align: center; */ + margin: auto; + padding:1rem; + border: none; + border-radius: 25px; + background-image:linear-gradient(306deg, rgba(2,0,36,1) 0%, rgba(127,202,0,1) 0%, rgba(216,239,178,1) 68%); + color:#18392b; + text-shadow: 3px 3px 4px #b9c3bf; + + display:grid; + justify-content:center; + align-items:center; +} + +/* Responsiveness */ + +@media (max-width: 768px) { + /* Adjust styles for screens up to 768px wide */ + .tButton { + font-size: 1300%; + height: 85vh; + } +} + +@media (max-width: 576px) { + /* Adjust styles for screens up to 576px wide */ + .tButton { + font-size: 1000%; + height: 85vh; + } +} + +/* More media queries for different screen sizes as needed */ + +/* Responsiveness ends */ diff --git a/exercises/0027.tasbih/main.js b/exercises/0027.tasbih/main.js new file mode 100644 index 0000000..9b5224d --- /dev/null +++ b/exercises/0027.tasbih/main.js @@ -0,0 +1,16 @@ + + + + +const tButton=document.querySelector(`.tButton`); +let count=0; + +tButton.textContent=`Start`; + +tButton.addEventListener(`click`,()=>{ + + count++; + tButton.textContent=count; + +}); + diff --git a/exercises/0028.randomOOP/index.html b/exercises/0028.randomOOP/index.html new file mode 100644 index 0000000..37b73b8 --- /dev/null +++ b/exercises/0028.randomOOP/index.html @@ -0,0 +1,32 @@ + + + + + + + + + + + App + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/exercises/0028.randomOOP/main.css b/exercises/0028.randomOOP/main.css new file mode 100644 index 0000000..4a96191 --- /dev/null +++ b/exercises/0028.randomOOP/main.css @@ -0,0 +1,14 @@ + + +*{ + margin:0; + padding:0; + box-sizing:border-box; + position:relative; + background-color:black; + color:white; +} + +a,button{ + cursor:pointer; +} \ No newline at end of file diff --git a/exercises/0028.randomOOP/main.js b/exercises/0028.randomOOP/main.js new file mode 100644 index 0000000..e69de29 diff --git a/exercises/0028.randomOOP/myTests/tests/BaseTest.js b/exercises/0028.randomOOP/myTests/tests/BaseTest.js new file mode 100644 index 0000000..5476439 --- /dev/null +++ b/exercises/0028.randomOOP/myTests/tests/BaseTest.js @@ -0,0 +1,5 @@ + + +const setUp=()=>{} + +const tearDown=()=>{} \ No newline at end of file diff --git a/exercises/0028.randomOOP/myTests/utils/DriverTools.js b/exercises/0028.randomOOP/myTests/utils/DriverTools.js new file mode 100644 index 0000000..5d4ee82 --- /dev/null +++ b/exercises/0028.randomOOP/myTests/utils/DriverTools.js @@ -0,0 +1,13 @@ + + +const {Builder,By,Key,until,Browser}=require(`selenium-webdriver`); + +class DriverTools{ + + constructor(){ + + const driver=new Builder().forBrowser(`chrome`).build; + + } + +} \ No newline at end of file diff --git a/exercises/0028.randomOOP/package-lock.json b/exercises/0028.randomOOP/package-lock.json new file mode 100644 index 0000000..da7cf56 --- /dev/null +++ b/exercises/0028.randomOOP/package-lock.json @@ -0,0 +1,244 @@ +{ + "name": "0028.randomoop", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "0028.randomoop", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "selenium-webdriver": "^4.17.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==" + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==" + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==" + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/immediate": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", + "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==" + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==" + }, + "node_modules/jszip": { + "version": "3.10.1", + "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", + "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==", + "dependencies": { + "lie": "~3.3.0", + "pako": "~1.0.2", + "readable-stream": "~2.3.6", + "setimmediate": "^1.0.5" + } + }, + "node_modules/lie": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", + "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", + "dependencies": { + "immediate": "~3.0.5" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/pako": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", + "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==" + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==" + }, + "node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "node_modules/selenium-webdriver": { + "version": "4.17.0", + "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.17.0.tgz", + "integrity": "sha512-e2E+2XBlGepzwgFbyQfSwo9Cbj6G5fFfs9MzAS00nC99EewmcS2rwn2MwtgfP7I5p1e7DYv4HQJXtWedsu6DvA==", + "dependencies": { + "jszip": "^3.10.1", + "tmp": "^0.2.1", + "ws": ">=8.14.2" + }, + "engines": { + "node": ">= 14.20.0" + } + }, + "node_modules/setimmediate": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", + "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==" + }, + "node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/tmp": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz", + "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==", + "dependencies": { + "rimraf": "^3.0.0" + }, + "engines": { + "node": ">=8.17.0" + } + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==" + }, + "node_modules/ws": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } + } + } +} diff --git a/exercises/0028.randomOOP/package.json b/exercises/0028.randomOOP/package.json new file mode 100644 index 0000000..e95416d --- /dev/null +++ b/exercises/0028.randomOOP/package.json @@ -0,0 +1,15 @@ +{ + "name": "0028.randomoop", + "version": "1.0.0", + "description": "", + "main": "main.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "selenium-webdriver": "^4.17.0" + } +}