G.Y.

Tag: coding

  • 4 Popular Web Sites To Write Your Codes Via Web Browser

    4 Popular Web Sites To Write Your Codes Via Web Browser

    I want to share my favorite websites for writing your codes directly on browsers – Codes Via Web Browser

    1. Codepen.io

    It is a website that supports HTML, CSS and Javascript and is generally preferred by front-end developers.

    Screenshot by Author

    The free version of CodePen allows you to publish three types of content (Pen, Project and Post).

    “Pen” is a single page of content that we can create using HTML, CSS and JavaScript. It is the most commonly used type in CodePen.

    “Project”, as the name suggests, allows us to create projects consisting of more than one page and to host the elements to be used in the project on CodePen. The biggest difference from Pens is that it offers storage space to the user. However, the free version allows for creating a single project.

    You can share content such as articles, articles, etc. for information sharing with “Post” pages.

    2. Codeanywhere.com

    It is a website that supports many programming languages.

    Codes Via Web Browser
    Screenshot by Author

    If we list the features of the application, which is free for individual use;

    First of all, we need to say the text editor that is simple and easy on the eyes.

    Codeanywhere application has a structure that connects directly to your files on the server via FTP or SFTP.

    It also allows you to send your command codes via terminal.

    3. Codesandbox.io

    It is a website preferred by website developers.

    Codes Via Web Browser
    Screenshot by Author

    CodeSandbox is a web-based code editor. It allows you to create a new project in one click, automating transfer, packaging and dependency management for you.

    Once you’ve created something fascinating, you can share it with others by sharing the website.

    The editor is compatible with any JavaScript project, although it includes certain React-specific features, such as the option to save the project in a create-react-app template.

    Any project you create in CodeSandbox starts with a template. It can be related to a specific library, framework, or runtime (including Node.js), or it can use only standard web technologies.

    After choosing a template, you are sent to the editor, where you will find all the necessary files and the preview window is already open.

    4. Repl.it

    It is a website where you can develop a joint project with your friends.

    Codes Via Web Browser
    Screenshot by Author

    Repl.it is an IDE (Integrated Development Environment) with multi-language support that you can run in your browser.

    It is a platform with multi-language support where you can run more than 50 programming languages, especially popular languages such as Python3, Ruby, JavaScript, C#, Java, React Native.

    Although there are similar tools that provide multilingual support, Repl.it manages to differentiate itself and stands out with its social responsibility aspect.

    When applied as a school or teacher, unlimited usage rights are granted.

    In many schools, the computer labs are shared for a few courses or classes, so it is very difficult to download any programmes or to ensure that the programmes remain there.

    However, thanks to repl.it, programming lessons can be progressed without the need for any installation.

  • Complete Beginner’s Guide – Programming

    Complete Beginner’s Guide – Programming

    Programming – All you need to know in the beginning for your first days

    PROGRAM

    Programming – A computer is basically a machine that performs three main tasks. It receives the input (INPUT), processes it (PROCESSING) and outputs a result (OUTPUT) from the processed data. A computer does not only work as hardware. Because without software, the hardware does not know what to do. It needs a set of commands to tell the computer hardware what to do.

    We can call the commands that tell it what to do a program.

    A program is a sequence of commands that specifies the execution of only the specified operations in accordance with a certain command and syntax structure.

    PROGRAMMING LANGUAGE

    A Programming Language is a set of definitions with formal rules that allow the computer to write the solution to a problem to be solved step by step and requires strict adherence to these rules.

    Perhaps a shorter definition would be to say that it is an interpreter between you and the computer.

    C PROGRAMMING LANGUAGE

    The C Programming Language is a general-purpose, intermediate-level, structured programming language.

    It was designed in 1972 by Dennis Ritchie at the Bell Telephone Laboratory.

    It is used extensively in low-level system programs such as operating systems, compilers and debugs programs.

    It was not originally conceived as a programming language and had a special purpose: To design the UNIX operating system (1000 lines of the UNIX operating system were written in C).

    Today, programming languages such as Object Oriented programming languages (such as C++, and Java) and scripting languages (such as JavaScript, JavaApplet, and PHP) are based entirely on C.

    In short, by learning the Standard C language (ANSI C) you will be well prepared for all of these languages. In this course, programming in ANSI C is covered.

    WHY C?

    C is a powerful and flexible language. Being flexible means that you need to be more careful in the program you write. A forgotten sign may not cause a compiler error, but it will not run your program correctly.

    With C you can write operating systems, create word processors or draw graphics.

    C is a portable language. This means that any C code can be compiled in another compiler with little or no change. For example, C code written on Windows operating systems can be compiled on operating systems such as Linux, UNIX or VAX.

    C is a structured language. C code is composed of subroutines called functions.

    COMPILER

    The sequence of operations specified in the program is not processed directly.

    The computer has to process the program in machine language.

    The programmer knows programming language, the computer knows machine language. Who will translate what the programmer means to the computer, that is, how will the communication between the computer and the programmer be ensured?

    This translation is done by translation programs called compilers. In this way, the source program, which consists of a sequence of commands written in programming languages, is compiled into machine language.

    PROBLEM-SOLVING

    In problem-solving, a careful and systematic approach should be the principle rather than jumping into the problem.

    The problem should be thoroughly understood and broken down into as small pieces as possible.

    ALGORITHMS

    An algorithm is a plan prepared to define a finite number of steps or operations related to the program to be prepared for the solution of a problem, one after the other, and thus reveal the path or method to be followed.

    It must be sequential. Starting from a starting point, it should be able to end after a finite number of uncertain steps.

    It should include all kinds of situations that may arise in relation to the problem.

    It should be valid for the same type of problem.

    An algorithm describing the path a person would take from home to work

    1. Get out of the house
    2. Walk to the bus stop
    3. Wait at the bus stop for the bus in the direction you are going
    4. When your bus arrives, get on the bus
    5. Put your ticket in the ticket piggy bank
    6. When you get close to your destination, walk backwards
    7. Press the landing warning light
    8. Get off when the bus stops
    9. Walk to your workplace
    10. Enter through the workplace entrance door

    ALGORITHMIC APPROACH

    Algorithms can be expressed on paper in two different ways;

    1. Pseudo Code (Rough Code or Pseudo Code or Pseudo Code) is a half programming language rule, half colloquial representation of an algorithm. This way of representation reflects the algorithm in general terms.

    2. Flowchart is a visual/formal representation of the algorithm. It shows what needs to be done to solve the problem, from beginning to end, with symbols consisting of geometric shapes.

    FLOW CHARTS

    The visual representation of the algorithm in symbols or icons is called “flowcharts” or FLOWCHART.

    The difference between flowcharts from the algorithm is that the steps are written in boxes in the form of symbols and the relationships between the steps and their direction are shown with arrows.

    The preparation of flowcharts, which are the main documents of the program to be stored, is used for reasons such as making the problem-solving process easier to understand, controlling the workflow and facilitating the coding of the program.

    In practice, for programs to be written, a general overview flowchart showing the main steps (sections) of the program is prepared first. Then detailed flowcharts are drawn for each step.

    In its simplest form, it consists of rectangular boxes and arrows. Flowchart symbols are defined as ANSI (American National Standards Institute) standards and are used all over the world.