How To Start A Website From Scratch

- 15.45

Create a Website from Scratch using HTML CSS step by step | Udemy ...
photo src: comidoc.com

Scratch is a free visual programming language and online community used by millions of children around the world. With Scratch, children can create their own interactive stories, then share and discuss their creations with one another. Developed by the Lifelong Kindergarten group at the MIT Media Lab to help children (ages 8 and up) learn to think creatively, reason systematically and work collaboratively.

Scratch is translated into 70+ languages and is used in homes, schools, and after-school clubs in every country in the world. Scratch is often used in teaching coding, computer science, and computational thinking. Teachers also use it as a creative tool across many other subjects including math, science, history, geography, and art.

As of late 2017, there were more than 22 million registered members of the Scratch online community and more than 26 million shared projects, with roughly 25,000 new members and 30,000 new projects every day. The blocks-based grammar of Scratch has influenced many other programming environments and is now considered a standard for introductory coding experiences for children.


How to Make/Code a Website from Scratch | Part 1: Making the Site ...
photo src: www.youtube.com


Maps, Directions, and Place Reviews



Origin of name

Scratching is a technique used by disc jockeys to mix music clips together in creative ways and produce different sound effects by manipulating vinyl records on a turntable. Scratch takes its name from this technique, as it lets users mix together different media (including graphics, sound and other programs) in creative ways.


How To Start A Website From Scratch Video



Philosophy

Scratch encourages the sharing, reuse and combination of code. It also gives credit to the participant who built on the original work and to the participant who created the original program.

It is part of a research to design new technologies to enhance learning in after-school centers and other informal education settings, and broaden opportunities for youth from under-represented groups who can become designers and inventors. Scratch was iteratively developed based on ongoing interaction with youth and staff at Computer Clubhouses. The use of Scratch at Computer Clubhouses served as a model for other after-school centers demonstrating how informal learning settings can support the development of technological fluency, enabling young people to design and program projects that are meaningful to themselves and their communities.


How to Make a Website: Step-by-Step Guide for Beginners (2018)
photo src: websitesetup.org


History

The MIT Media Lab's Lifelong Kindergarten group, led by Mitchel Resnick, in partnership with the Montreal-based consulting firm, the Playful Invention Company, co-founded by Brian Silverman and Paula Bonta, together developed the first desktop-only version of Scratch in 2003. Its purpose was to aid young people, mainly for ages 8 and up, to learn programming.

Scratch 2 was released on May 9, 2013. With its introduction, custom blocks can be defined within projects.

As of 2017, Scratch 2 is available online and as an application for Windows, macOS, Linux (Adobe Air Required), and unofficially for Android as an apk file. The Scratch 2.0 Offline editor can be downloaded for Windows, Mac and Linux directly from Scratch's website. However, the unofficial mobile version must be downloaded from the Scratch forums.

Scratch 3 is in development and an alpha version is expected by the first quarter of 2018. It is being written in HTML5 and will primarily use the WebGL, Web Workers and Web Audio Javascript APIs.

The development is currently taking place in GitHub. There is a Scratch editor available online.


Create a Website from Scratch using HTML CSS step by step | Udemy ...
photo src: comidoc.com


Educational use

Scratch was made popular in the United Kingdom through Code Clubs. Scratch is used as the introductory language because creation of interesting programs is relatively easy, and skills learned can be applied to other basic programming languages such as Python and Java.

Scratch is not exclusively for creating games. With the provided visuals, programmers can create animated stories, informational texts, and more. There are already many programs which students can use to learn topics in math, history, and even photography. Scratch flexibility allows teachers to create conceptual and visual lessons and science lab assignments, as Scratch is a useful tool to create animations that help visualize difficult concepts such as plant cell mitosis, the water cycle, Galileo Thermometer or Hooke's Law Experiment. Within the social sciences, instructors can create quizzes, games, and tutorials that stimulate the mind and interact with the student. Using Scratch allows young people to understand the logic of programming and how to creatively build and collaborate. Scratch lets students create "meaningful personal as well as educational projects" which gives students a "practical tool" to express themselves after learning to use the language.

Harvard University lecturer Dr. David J. Malan prefers using Scratch over commonly used introductory programming languages, such as Java or C, in his introductory computer science course. However, there is a limited benefit in a college level education. Malan switches his course's language to C after the first week.


How to Create a Website Template From Start to Finish - YouTube
photo src: www.youtube.com


User interface

From left to right, in the upper left area of the screen, there is a stage area, featuring the results (i.e., animations, turtle graphics, etc., everything either in small or normal size, full-screen also available) and all sprites thumbnails listed in the bottom area. The stage uses x and y coordinates, with 0,0 being the stage center. The stage is 480 pixels wide, and 360 pixels tall, x:240 being the far right, x:-240 being the far left, y:180 being the top, and y:-180 being the bottom.

There are many ways to create personal sprites and backgrounds. First, users can draw their own sprite manually with "Paint Editor" provided by Scratch. Second, users can choose a Sprite from the Scratch library that contains default sprite, user's past creations, a picture using a camera, or clip art.

With a sprite selected in the bottom-left area of the screen, blocks of commands can be applied to it by dragging them from the Blocks Palette onto the right area of the screen, containing all the scripts associated with the selected sprite. Under the Scripts tab, all available blocks are listed and categorized as the Motion, Looks, Sound, Pen, Data, Events, Control, Sensing, Operators, and More Blocks as shown in the table below. Each can also be individually tested under different conditions and parameters via double-click.

Besides the Scripts tab, there are two additional tabs, the Costumes tab and the Sounds tab. An expandable bar at the right is Help area.

Next to the Scripts tab, there is the Costumes tab, where users can change the look of the sprite in order to create various effects, including animation. And the last tab is the Sounds tab, where users insert sounds and music to a sprite.

In comparison to the previous versions of Scratch, the areas have been rearranged in version 2.0, as previously the blocks palette was in the left area, the selected sprite area and scripts area associated with a selected sprite were in the middle of the screen, and the stage area with sprites thumbnails listed below it were in the right area of the screen.


Online Guide: How to Create A Website or Blog From Scratch | Ariel ...
photo src: arielriel.com


Community of users

Scratch is used in many different settings: schools, museums, libraries, community centers, and homes. Its users are mostly kids aged 8-18. Scratch is also used in some introductory computer science classes (including Harvard's introductory computer class).

There is an annual "Scratch Day" declared in May each year. Community members are encouraged to host an event on or around this day, large or small, that celebrates Scratch. These events are held worldwide, and a listing can be found on the Scratch Day website.

Via localization files downloaded with Scratch its interface language can be changed to a language of choice since Scratch is used in different parts of the world.

The Johns Hopkins University Center for Talented Youth offers an online course on Scratch programming for students in grade 6 and up through the CTYOnline program.

Empirical studies were made of various features--those that interfered with intuitive learning were discarded, while those that encouraged beginners and made it easy for them to explore and learn were kept. Some of the results are surprising, making Scratch quite different from other teaching languages (such as BASIC, Logo, or Alice).

Online community

The Scratch online community's slogan "Imagine, Program, Share" indicates that sharing and the social aspects of creativity are important parts of the philosophy behind Scratch. A few influential members of the Scratch online community made great personal strides in innovative methods with scratch programming.

Scratch projects are not seen as "black boxes", but as objects for remixing to make new projects. Projects can be uploaded directly from the development environment to the Scratch website and any member of the community can download their full source code to study or to remix into new projects. Members can also create project studios, comment, tag, favorite and "love" others' projects, follow other members to see their projects and activity, and share ideas. Projects range from games to animations to practical tools. Chat rooms are not allowed. All projects on the website are shared under a Creative Commons attribution and share-alike license and can be played in a web browser using the Flash Player.

As of 2017, a large amount of Studios (groups that are able to post projects in one single page and can talk via a studio comment panel) have been dedicated to a community of roleplayers, using comments to tell stories about their characters. Many of these roleplay studios are loosely based on Erin Hunter's Warrior, a novel series based on feral cats that live in the wild. As well as cats, Wolves and Dragons are also popular characters in the scratch roleplay community.

The website receives over 125 million page views per month and as of July 12, 2016, it had 12,561,189 registered members (however, only 180,000 users created a project within the last month), and over 15,700,000 projects and growing rapidly. A longitudinal dataset of the five years of public activity in the community were made available in 2017.

The website frequently establishes "Scratch Design Studio" challenges to encourage creation and sharing by providing users with a basic design concept. There are custom home pages for Mexico and Israel that display local content in some sections of the home page. Scratch has participated in Hour of Code several times. There are also local independent Scratch websites in countries such as Portugal and the United Arab Emirates. In 2008, the Scratch online community platform (named "ScratchR") received an honorary mention in the Ars Electronica Prix. There is also an online community for educators, called ScratchEd. This community exchanges resources, coordinates group meetups, and allows educators to connect with each other.


Create a Website from Scratch using HTML CSS step by step | Udemy ...
photo src: comidoc.com


Features and derivatives

Scratch uses event-driven programming with multiple active objects called sprites. Sprites can be drawn, as vector or bitmap graphics, from scratch in a simple editor that is part of Scratch, or can be imported from external sources, including webcams.

The current version of Scratch does not treat procedures as first class structures and has limited file I/O options with Scratch 2.0 Extension Protocol; an experimental extension feature that allows interaction between Scratch 2.0 and other programs. The Extension protocol allows interfacing with hardware boards such as Lego Mindstorms or Arduino. In addition Scratch 2 only supports one-dimensional arrays, known as "lists". Floating point scalars and strings are supported as of version 1.4, but with limited string manipulation ability. There is a strong contrast between the powerful multimedia functions and multi-threaded programming style and the rather limited scope of the Scratch programming language. On May 6, 2013, Scratch closed for 3 days to update to Scratch 2.0. The update changed the look of the site and included an online project editor. A new beta version of the Scratch 2 Offline Editor is currently available. This version replaces the old Scratch 2.0.

A number of Scratch derivatives called Scratch Modifications have been created using the source code of Scratch version 1.4. These programs are a variant of Scratch that normally include a few extra blocks or changes to the GUI.

In July 2014, a program called ScratchJr was released for iPad. In 2016, ScratchJr was developed for android. Although it was heavily inspired by Scratch and co-led by Mitch Resnick, the original creator of Scratch, it is nonetheless a complete rewrite designed for younger children.

Some Modifications additionally introduce shifts in underlying approach to computing, such as the language Snap!, featuring first class procedures (their mathematical foundations are called also lambda calculus), first class lists (including lists of lists), and first class truly object oriented sprites with prototyping inheritance, and nestable sprites, which are not part of Scratch. Snap! (its previous version was called BYOB) was developed by Jens Mönig with documentation provided by Brian Harvey from University of California, Berkeley and has been used to teach "The Beauty and Joy of Computing" introductory course in CS for non-CS-major students.

The source-code of Scratch and its derivatives are based on Squeak, which is based on Smalltalk-80. Version 2 of Scratch is implemented in ActionScript, with an experimental JavaScript-based interpreter being developed in parallel.

Source of the article : Wikipedia



EmoticonEmoticon

 

Start typing and press Enter to search