1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Skills that you need to be a Web Developer

Discussion in 'Graphics Forum' started by CyRaw, Jul 11, 2017.

  1. CyRaw

    CyRaw Well-Known Member Registered SEO Expert Freelancer Active Member

    Credit:
    1.29129-BRO
    Photoshop + Illustrator
    Make sure you can:

    -Interpret website and product mockups and wireframes you get from designers
    -Translate designs into working code.
    -Understand layers.
    -Read dimensions.
    -Pull out colors (#ffffff).
    Hint: Practice, practice, practice!

    HTML (Hypertext Makeup Language)
    What it does?
    It create the architecture and content of a website. It is kind of like deciding that you want a house and making a list of all the rooms you will have, what floor they will live on, and what will be inside them.
    Make sure you can:
    -Create an HTML file from scratch.
    -Use an HTML template like the HTML5 Boilerplate.
    -Incorporate the latest HTML5 tags.
    Hint: You'll use HTM on an hourly basis!

    CSS (Cascading Style Sheets)
    What it does?
    It take well-structured HTML and give it a fecelift. You will take your house and decide on the size, shape, and decorations of the rooms, and you will make sure it is a pleasure to use.
    Make sure you can:
    -Create a CSS fiel from scratch.
    -Manipulate layouts and styles.
    -Follow industry naming conventions.
    Hint: Use a CSS preprocessor like Sass to make editing CSS file 1000x easier.

    FTP (File Transfer Protocol)
    Make sure you can:

    -Understand the way servers and databases communicate to put your HTML + CSS files on the World Wide Web.
    -Make a site go live.
    -Update a site after it has gone live.
    -Explain FTP to a 5-year-old.

    GIT - GITHUB
    What it does? Git is a version control system that allows you to make changes to your code without losing work you did before. And GitHub is a website where you can upload (and download) your code and share it with others. A version control system like Git is absolutely necessary for writing code in a team environment.
    Make sure you can:
    -Create a Git repository.
    -Push and pull code to and from your repository.
    -Branch, fork, clone, and merge code.
    -Resolve merge conflicts.
    -Contribute to an open source project on GitHub.

    Bug Testing
    Make sure you can test for bugs:
    -The best developers can find and resolve bugs in their code.
    -The best way to save time on consuming and costly bugS? Catch them early!
    -In your HTML, CSS, and JavaScript.
    -Across mobile devices.
    -After making changes to a small part of project.
    Hint: Developing a solid system for bug testing early in your career will help you improve and gain the respect of others way faster.

    Media Queries (For mobile development)
    What it does? Media queries are a handy little CSS tool for craeting fully responsive sites. Because mobile usage is on the rise... Nearly 7 billion people in the world have a mobile.
    Make sure you can:

    -Create media quaries for standard device sizes.
    -Translate a statistic website into responsive sizes.
    -Follow industry standarts for naming and syntax.

    jQuery Plugins (jQuery is a library of JavaScript plugins built for you)
    With a jQuery plugin, you can:

    -Add a Twitter feed to your site.
    -Add an image slider.
    -Add smooth scrolling to your site.
    -And more.
    Make sure you can:
    -Search for reputable jQuery plugin.
    -Install a jQuery plugin.
    -Test it for bugs.
    -Tweak it to work with your site.

    JavaScript (With JavaScript, you can take static websites and make them interactive)
    With JavaScript, you can:

    -Make a site look different when user logs in.
    -Update a blog feed live.
    -Create cool mobile effects.
    -And more.
    Make sure you can:
    -Understand the DOM (Document Object Model)
    -Create elements and variables.
    -Understand objects, properties, and functions.
    -Recognize and use built-in functions.
    -Use logic to create loops.
    -Write your own functions.
    -And more.

    A frontend framework (A template for creating a website with lots of built-in elements, so you never start from scratch.
    Some great frameworks:

    -Bootstrap
    -UlKit
    -Pure
    Make sure you can:
    -Install or download the framework.
    -Use built-in elemnets.
    -Create a custom site using the framework.

    Wordpress
    What it does? A content management system (CMS) that makes it easy for clients to make changes to site content.
    Make sure you can:
    -Read and edit PHP code.
    -Install Wordpress.
    -Understand the WordPress architecture.
    -Create and modify pages, psots, and menus.
    -Create a child theme.
    -Add useful plugins.
    -Test for bugs.

    Where should you learn these skills?
    Books - Take a Skillcrush career blueprint - Tutorials
     
    luispas, WebmastersMind and silverwk like this.

Share This Page

Loading...