Inspiracja

Google's Made With Code: jak stworzyć prostego, zabawnego mema w HTML

Google's Made With Code: jak stworzyć prostego, zabawnego mema w HTML

W Stanach Zjednoczonych 74% dziewcząt interesuje się STEM (nauka, technologia, inżynieria i matematyka) w szkole średniej, ale w liceum tylko 0,3% dziewcząt planuje studiować informatykę. Dane są oszałamiające. Według Wykonane z kodemzachęta ze strony rówieśników i dorosłych jest najważniejszym czynnikiem decydującym o tym, czy dziewczyna ma specjalizację informatyczną, czy nie.

Uruchomiono Google Wykonane z kodem

„ponieważ chociaż coraz więcej aspektów naszego życia jest napędzanych przez technologię, kobiety nie są reprezentowane w firmach, laboratoriach, badaniach, sztukach kreatywnych, projektowaniu, organizacjach i salach posiedzeń, w których technologia się rozwija”. -Wykonane z kodem

Wykonane z kodem ma imponujących sponsorów, takich jak MIT Media Lab, Mozilla, Shapeways, Sew Electric, Girl Scouts of the USA i Girls Inc. Stypendyści i zwolennicy Wykonane z kodem liczy ponad 15 różnych organizacji. Witryna jest dobrze zaprojektowana i zawiera wiele ciekawych projektów, które każdy może wykonać.

Rodzice dziewczynek chcą dobrze, ale nie zawsze mają odpowiednią wiedzę, aby pomóc im w adaptacji i nauce nowych technologii. Wielu rodziców nie ma zbyt wiele czasu, aby poświęcić się własnej nauce technologii, więc nie wiedzą, od czego zacząć, jeśli chodzi o pomoc córkom w odkrywaniu tych dziedzin. Nawet jeśli Wykonane z kodem jest skierowany do dziewcząt, myślę, że ma ogromny potencjał w nauczaniu również rodziców.

Zamiast tylko opowiadać o stronie, postanowiłem wypróbować jeden z projektów na Wykonane z kodem aby zobaczyć, jak łatwa jest w użyciu. Może nie jestem przeciętnym rodzicem, ponieważ nauczyłem się HTML na początku 2000 roku, kiedy po raz pierwszy tworzyłem strony internetowe, ale od tamtej pory nie programowałem, więc oczywiście wiele się zmieniło. Teraz wiem tylko tyle, aby sobie poradzić, ponieważ używam tylko trochę języka HTML i Markdown na stronie Steemit.

Ok, więc zagłębmy się w tę stronę internetową i zobaczmy, co ma do zaoferowania w zakresie projektów. Dla wszystkich twoich rodziców jest to łatwe i przyjemne zadanie z dzieckiem. Zdecydowałem się stworzyć mem za pomocą HTML i przeprowadzę cię przez kolejne kroki, abyś mógł zobaczyć, jak łatwo jest to dla was obojga zrobić.

Oto gotowy mem, który utworzyłem za pomocą HTML, a sekcja z instrukcjami znajduje się tuż pod nim:

[Źródło obrazu: Leah Stephens przez Mozillę]

KROK 1:Na głównej stronie głównej kliknij 'ZASOBY' przycisk w prawym górnym rogu.

KROK 2:Kliknij ZOBACZ PROJEKTY w sekcji PROJEKTY PARTNERSKIE.

[Źródło obrazu: Wykonane z kodem]

KROK 3: Kliknij 'URUCHOMIĆ' w sekcji MAKE A MEME.

[Źródło obrazu: Wykonane z kodem]

KROK 4: Po załadowaniu strony kliknij „REMIX ' przycisk.

KROK 5: Użyj edytora HTML po lewej, aby zmienić różne aspekty memu. Aby "CIEKAWA INŻYNIERIA JEST FAJNA!" meme, wpisałem słowa, zmieniłem tekst i rzuciłem cień na kolor i rozmiar tekstu. Zmieniłem również kolor tła na cyjan. Zacznij eksperymentować z kodem HTML, a jeśli nie jest poprawny, zmieni się na różowy, aby ostrzec Cię, że coś jest nie tak. To świetny sposób na natychmiastowe zapoznanie się z językiem HTML bez poświęcania ogromnej ilości czasu na czytanie podręczników.

[Źródło obrazu: Leah Stephens przez Mozillę]

Tak więc, w zasadzie w ciągu około 15 minut, możesz stworzyć własnego mema za pomocą HTML. To bardzo wprowadzający projekt HTML, który każdy może łatwo wykonać. Możesz oczywiście zdecydować się na użycie własnego obrazu zamiast tego, który jest domyślnie załadowany. Gdy Ty lub Twoje dziecko przechodzicie przez projekty, opanowując każdy poziom, istnieją inne, bardziej zaawansowane obszary witryny, które można odkrywać i robić.

Plik Wykonane z kodem Misję serwisu można podsumować jednym zdaniem:

„Dziewczyny zaczynają miłość do nauki i technologii, ale gdzieś ją gubią. Pomóżmy zachęcić tę pasję”. -Wykonane z kodem

Leah Stephens pisze pod pseudonimem Stellabelle. Jest artystką / badaczką, która pisze książki i tutaj możesz się z nią połączyć.

ZOBACZ TAKŻE: Project Bloks: otwarta platforma Google, która na zawsze zmieni kodowanie

Napisane przez Leah Stephens


Obejrzyj wideo: Google Coding Interview With A Competitive Programmer (Styczeń 2022).