diff --git a/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.31 AM.png b/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.31 AM.png new file mode 100644 index 0000000000..307a44d402 Binary files /dev/null and b/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.31 AM.png differ diff --git a/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.40 AM.png b/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.40 AM.png new file mode 100644 index 0000000000..19386b55bb Binary files /dev/null and b/PREWORK_AT/Module-12/Screen Shot 2021-05-24 at 12.10.40 AM.png differ diff --git a/PREWORK_AT/Module-3/Example/example.md b/PREWORK_AT/Module-3/Example/example.md new file mode 100644 index 0000000000..e69de29bb2 diff --git a/PREWORK_AT/Module-3/aboutMe.rtf b/PREWORK_AT/Module-3/aboutMe.rtf new file mode 100644 index 0000000000..0f3a381db4 --- /dev/null +++ b/PREWORK_AT/Module-3/aboutMe.rtf @@ -0,0 +1,8 @@ +{\rtf1\ansi\ansicpg1252\cocoartf2580 +\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +{\*\expandedcolortbl;;} +\margl1440\margr1440\vieww11520\viewh8400\viewkind0 +\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0 + +\f0\fs24 \cf0 Url: https://anirbantalukder.github.io/prework-about-me/} \ No newline at end of file diff --git a/PREWORK_AT/Module-4/My_First_Website.html b/PREWORK_AT/Module-4/My_First_Website.html new file mode 100644 index 0000000000..15e7c412d1 --- /dev/null +++ b/PREWORK_AT/Module-4/My_First_Website.html @@ -0,0 +1,34 @@ + + + + + + Hello World! + + + +

Panda Fan Site!

+ +

+ I LOVE PANDAS!!! I LOVE PANDAS!!! I LOVE PANDAS!!! I LOVE PANDAS!!! I LOVE + PANDAS!!! +

+ +

Reasons I like Pandas

+ + + + Cute Pandas + +
+ + PandaFix.com + + \ No newline at end of file diff --git a/PREWORK_AT/Module-4/Tribitue_To_Scorpions.html b/PREWORK_AT/Module-4/Tribitue_To_Scorpions.html new file mode 100644 index 0000000000..058a5eebfe --- /dev/null +++ b/PREWORK_AT/Module-4/Tribitue_To_Scorpions.html @@ -0,0 +1,90 @@ + + + + + + Here I'm Rock you like a hurricane! + + + + +

A tribiute to Scorpions

+ Scorpions +

About Scorpions

+

+ This German hard rock band was formed at school in 1965 by guitarist Rudolf Schenker (31 August 1948, Savstedt, + Germany). With younger brother Michael Schenker (b. 10 January 1955, Savstedt, Germany; guitar), Klaus Meine (b. + 25 May 1948, Hannover, Germany; vocals), Lothar Heimberg (bass) and Wolfgang Dziony (drums), they exploded onto + the international heavy rock scene with Lonesome Crow in 1972. This tough and exciting record was characterized + by Schenker’s distinctive, fiery guitar work on his Gibson ‘Flying V’ and Klaus Meine’s dramatic vocals. Prior + to recording their major label debut for RCA Records, Heimberg, Dziony and Michael Schenker left, the latter + joining UFO. Uli Jon Roth, Francis Buchholz and Jürgen Rosenthal stepped in on guitar, bass and drums + respectively, for the recording of 1974’s Fly To The Rainbow. Rudy Lenners took over as drummer from Rosenthal + the following year. The following releases, In Trance and Virgin Killer, epitomized Scorpions’ new-found + confidence and unique style - a fusion of intimidating power-riffs, wailing guitar solos and melodic vocal + lines. Produced by Dieter Dierks, the improvements musically were now matched technically. The band’s reputation + began to grow throughout Europe and the Far East, backed up by exhaustive touring. 1977’s Taken By Force saw + Herman Rarebell (b. 18 November 1949) replace Lenners, with the band branching out into power ballads, bolstered + by emotive production, for the first time. Although commercially successful, Roth was not happy with this move, + and he quit to form Electric Sun following a major tour to support the album. Tokyo Tapes was recorded on this + tour and marked the end of the first phase of the band’s career. This was a live set featuring renditions of + their strongest numbers. +

+ +
+

Know the legends well: Scorpions official site

+ + +

Live Albums and releases

+ + + + + + + + å + + + + + + + + + + + + + + + + + + + + +
Album + Released +
Tokyo Tapes1978
World Wide Live1985
Live Bites1995
Acoustica2001
Get Your Sting & Blackout2011
MTV Unplugged – Live in Athens2013
+

Members

+ + + +
+

Exclusive Interview with the Scorpions

+ + + + + \ No newline at end of file diff --git a/PREWORK_AT/Module-5/index.html b/PREWORK_AT/Module-5/index.html new file mode 100644 index 0000000000..c6111f3553 --- /dev/null +++ b/PREWORK_AT/Module-5/index.html @@ -0,0 +1,62 @@ + + + + + CSS Practice + + + + + + + +

The Wonders of CSS!

+ +
+ +

Fun With Text!

+ + +

This text is red.

+

This text is blue.

+

This text is green.

+ + +

This text is BIG!

+

This text is tiny...

+ + +

~~This text is centered~~

+ + +

If we have something important to say, we can make it bold!

+ + +

We can even change our font-family if we are feeling creative!

+ + +

Try combining multiple attributes to make big, orange, bold text!

+ +
+ + +

We can also apply the same style to multiple HTML elements.

+

Each one of these lines is within a different <p> tag, yet they all have the same styling. +

+

That's because they are all a part of the same CSS class!

+

CSS classes let us define a style once and let us then apply it to multiple elements!

+

In your external CSS file, create a style for the class styledFont.

+

Notice how every time you change the class styledFont, all of the text changes.

+ +
+ +

Just as classes can be used to style multiple elements, id's are used to style single, unique elements. Give the following image a border by adding style attributes to your external CSS file. (Hint: Remember to include a border width, style, and color.)

+ + + Picture of the CSS Icon + +
+ + + + \ No newline at end of file diff --git a/PREWORK_AT/Module-5/style.css b/PREWORK_AT/Module-5/style.css new file mode 100644 index 0000000000..8c4daa0dd2 --- /dev/null +++ b/PREWORK_AT/Module-5/style.css @@ -0,0 +1,64 @@ +body { + background-color: white; +} + +h1 { + text-align: center; + color: black; +} + +h2 { + text-align: left; + color: black; +} + +#c_red { + color: red; +} + +#c_blue { + color: blue; +} + +#c_green { + color: green; +} + +#c_big { + font-size: x-large; +} + +#c_tiny { + font-size: small; +} + +#cen_allign { + text-align: center; +} + +#bold { + font-weight: bold; +} + +#diff_font { + font-family: fantasy; +} + +#mul_sty { + font-size: x-large; + font-weight: bold; + color: orange; +} + +.styledFont { + font-size: 12px; + font-family: cursive; + color: green; + font-style: italic; +} + +#styledImage { + border: 5px solid orange; + width: auto; + height: auto; +} \ No newline at end of file diff --git a/PREWORK_AT/Module-6/index.html b/PREWORK_AT/Module-6/index.html new file mode 100644 index 0000000000..d32c63fd4a --- /dev/null +++ b/PREWORK_AT/Module-6/index.html @@ -0,0 +1,25 @@ + + + + + Jiggle Into JavaScript + + + + + + +

Press the buttons to change the box!

+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/PREWORK_AT/Module-6/indexEx.html b/PREWORK_AT/Module-6/indexEx.html new file mode 100644 index 0000000000..0664063fd7 --- /dev/null +++ b/PREWORK_AT/Module-6/indexEx.html @@ -0,0 +1,40 @@ + + + + + Jiggle Into JavaScript + + + + +

Press the buttons to move the box!

+ +
+ + + + + + + + + + \ No newline at end of file diff --git a/PREWORK_AT/Module-6/javascript.js b/PREWORK_AT/Module-6/javascript.js new file mode 100644 index 0000000000..de65f9f58e --- /dev/null +++ b/PREWORK_AT/Module-6/javascript.js @@ -0,0 +1,15 @@ +document.getElementById("button1").addEventListener("click", function() { + document.getElementById("box").style = "height:250px; width:250px;" +}); + +document.getElementById("button2").addEventListener("click", function() { + document.getElementById("box").style = "background-color:blue;" +}); + +document.getElementById("button3").addEventListener("click", function() { + document.getElementById("box").style.opacity = "0.3"; +}); + +document.getElementById("button4").addEventListener("click", function() { + document.getElementById("box").style = this.style; +}); \ No newline at end of file diff --git a/PREWORK_AT/Module-6/style.css b/PREWORK_AT/Module-6/style.css new file mode 100644 index 0000000000..b758f6a8a5 --- /dev/null +++ b/PREWORK_AT/Module-6/style.css @@ -0,0 +1,10 @@ +body { + background-color: rgb(235, 229, 229); +} + +#box { + height: 150px; + width: 150px; + background-color: orange; + margin: 25px +} \ No newline at end of file diff --git a/PREWORK_AT/Module-7/ScratchActivity/A Game of Cat and Mouse.rtf b/PREWORK_AT/Module-7/ScratchActivity/A Game of Cat and Mouse.rtf new file mode 100644 index 0000000000..dbaf290cd0 --- /dev/null +++ b/PREWORK_AT/Module-7/ScratchActivity/A Game of Cat and Mouse.rtf @@ -0,0 +1,8 @@ +{\rtf1\ansi\ansicpg1252\cocoartf2580 +\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +{\*\expandedcolortbl;;} +\margl1440\margr1440\vieww11520\viewh8400\viewkind0 +\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0 + +\f0\fs24 \cf0 https://scratch.mit.edu/projects/534898435} \ No newline at end of file diff --git a/PREWORK_AT/Module-8/CorrectedCode/BooTheDog.html b/PREWORK_AT/Module-8/CorrectedCode/BooTheDog.html new file mode 100644 index 0000000000..405d9bfd13 --- /dev/null +++ b/PREWORK_AT/Module-8/CorrectedCode/BooTheDog.html @@ -0,0 +1,123 @@ + + + + + Boo The Dog + + + + + + + + + + + + +
+ +
+

Boo The Dog Fan Page!

+
+ +
+
+
+
Instructions
+
+

Oh no! Someone has vandalized our Boo 'The Cutest Dog In The World' fanpage!

+

There are a bunch of errors on this page!

+

Try your best to find them all!

+
+
+
+
+ +
+
+
+
About Boo
+
+ Boo the dog belongs to a San Francisco-based Facebook employee who created a Facebook page for the dog with a statement "My name is Boo. I am a dog. Life is good." He became popular in October 2010 after singer Ke$ha sent a tweet that she had a new boyfriend, + linking to the page. Chronicle Books, noticing that Boo had 5 million Facebook fans at the time, approached the owner to write a picture book. In August 2011, Boo: The Life of the World's Cutest Dog, written by his owner under + pen name J.H. Lee, was published. The book was eventually published in ten languages. A second book followed, Boo: Little Dog in the Big City, as well as a calendar and plans for a cut-out book and additional children's books. + He also has his own stuffed animal for kids. His merchandise includes a Gund stuffed animal. Boo was appointed a spokesdog for Virgin America airline, which featured photos of him in an airplane along with advice for people traveling + with pets. In April 2012, Boo was the subject of a death hoax after #RIPBOO appeared on Facebook. Tweets followed as Gizmodo writer Sam Biddle tweeted Boo had died. It was later confirmed by The Chronicle Book staff that Boo was + alive and well. In July 2012, Boo was named the Official Pet Liaison of Virgin America. Read more at: https://en.wikipedia.org/wiki/Grumpy_Cat +
+
+
+
+
+
+ +
+
+
+
+ +

+ +
+ +
+ + + +
+
+
+

Boo Rules!

+
+
+ +
+ + +
+
+
+ +
+
+ +
+



+ +
+
+ +
+
+

Click the button for a random Boo fact!

+
+
+
+
+
+
List Of Boo's Favorite Things
+
+
    +
  1. Dressing Up
  2. +
  3. Eating Grass
  4. +
  5. Sleeping
  6. +
  7. Swimming
  8. +
  9. Hiking
  10. + +
+
+
+
+
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/PREWORK_AT/Module-8/CorrectedCode/logic.js b/PREWORK_AT/Module-8/CorrectedCode/logic.js new file mode 100644 index 0000000000..cc3e72cbf5 --- /dev/null +++ b/PREWORK_AT/Module-8/CorrectedCode/logic.js @@ -0,0 +1,29 @@ +$("#factButton").on("click", function() { + var number = Math.floor((Math.random() * booFacts.length)); + $("#factText").text(booFacts[number]) +}) + +var booFacts = ["Boo is a pomeranian", "Boo's best friend is another pomeranian named Buddy", "Boo the Pomeranian was born on March 16, making him a Pisces, Boo's favourite food is grass, Boo has released two books"] + +$("#textPink").on("click", function() { + $("#funText").css("color", "pink") +}) + +$("#textOrange").on("click", function() { + $("#funText").css("color", "orange") +}) +$("#textGreen").on("click", function() { + $("#funText").css("color", "green") +}) + + +$("#boxGrow").on("click", function() { + $("#box").animate({ + height: "+=35px", + width: "+=35px" + }, "fast"); +}) + +$("#boxShrink").on("click", function() { + $("#box").animate({ height: "-=35px", width: "-=35px" }, "fast"); +}) \ No newline at end of file diff --git a/PREWORK_AT/Module-8/CorrectedCode/style.css b/PREWORK_AT/Module-8/CorrectedCode/style.css new file mode 100644 index 0000000000..b2b108ee8f --- /dev/null +++ b/PREWORK_AT/Module-8/CorrectedCode/style.css @@ -0,0 +1,23 @@ +.jumbotron { + background-color: #428bca +} + +.jumbotron h1 { + color:white; +} + +p, h1, h4 { + font-family: 'Roboto Slab', serif; +} + +#funText { + color: black; + font-size: 24px; + font-family: 'Roboto Slab', serif; +} + +#box { + height: 100px; + width: 100px; + margin:auto; +} diff --git a/PREWORK_AT/Module-8/Module 8 Errors.rtf b/PREWORK_AT/Module-8/Module 8 Errors.rtf new file mode 100644 index 0000000000..8a46c22a7f --- /dev/null +++ b/PREWORK_AT/Module-8/Module 8 Errors.rtf @@ -0,0 +1,21 @@ +{\rtf1\ansi\ansicpg1252\cocoartf2580 +\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +{\*\expandedcolortbl;;} +{\*\listtable{\list\listtemplateid1\listhybrid{\listlevel\levelnfc23\levelnfcn23\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{disc\}}{\leveltext\leveltemplateid1\'01\uc0\u8226 ;}{\levelnumbers;}\fi-360\li720\lin720 }{\listname ;}\listid1}} +{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}} +\margl1440\margr1440\vieww11520\viewh8400\viewkind0 +\pard\tx220\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\li720\fi-720\pardirnatural\partightenfactor0 +\ls1\ilvl0 +\f0\fs24 \cf0 {\listtext \uc0\u8226 }h1 was broken, h1 tag was missing\ +{\listtext \uc0\u8226 } Opening and closing angel bracket was missing for the img tag\ +{\listtext \uc0\u8226 }li tags missing for facts\ +{\listtext \uc0\u8226 }Wiki link is wrong -href value was missing\ +{\listtext \uc0\u8226 }Fact array were missing \'93\'94 for elements\ +{\listtext \uc0\u8226 }Colors were shuffled\ +{\listtext \uc0\u8226 }Box click events were missing \'93\'94\ +\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0 +\cf0 \ +\ +\ +} \ No newline at end of file diff --git a/index.html b/index.html index a169a449c2..cdad73fb0d 100644 --- a/index.html +++ b/index.html @@ -13,21 +13,21 @@

Hi I'm

-

Your Name Here

+

Anirban Talukder

Introduction

-

Details here...

+

I am a fullstack developer

Where I'm From

-

Details here...

+

Queens, NY

What are your favorite hobbies?

-

Details here...

+

Playing guiter

What's your dream job?

-

Details here...

+

Fullstack developer

Where do you live?

-

Details here...

+

New York

Why do you want to be a web developer?

-

Details here...

+

Develop cool stuffs