Hackccelerate 2020

To develop a full stack application, we have two important bundles: Front-end and Back-end

Front - end:

This is your web interface. This is how your users are going to view the website. To create the User Interface of your website, you need to learn HTML / CSS.

HTML:

HTML markup describes the structure of a webpage to the browser using tags, which you’ll immediately recognize as the text between the . These tags tell the browser how to present page elements like titles, headings, text, and links that are included in the HTML document.

CSS:

CSS (Cascading Style Sheets) is a style-sheet language. It gives developers greater control over things like the color, fonts, layout, and overall design of a webpage. By separating presentation (CSS) from structure (HTML) into style sheets, designs can be shared across multiple pages or tailored to different environments.

Together, these two languages are all you need to provide the structure and style of a static website, where web pages have fixed content, zero scripting, and hyperlinks are the sole form of interactivity. These days dynamic sites are where it’s at. More advanced client-side and server-side scripting languages provide a whole new range of features allowing for more interactive websites that can be tailored to each new visitor.

These languages though help in static web pages. Let’s get into the practical implementation of this. Learn the HTML and CSS coding from the following links.

• Khans academy - HTML & CSS tutorial for beginners
• HTML Build

HTML and CSS included—is any code that runs in the browser a person is using to view a website. The browser temporarily downloads the source code it needs to display a webpage from a web server, then processes it independently from that server. As long as the browser remains open, the user will be able to view the static page even if they lose their Internet connection. If the site must respond to user events that require external data, like search queries, the client will need to make a request to the server over the Internet.

HTML/CSS:

Learn how to use HTML and CSS to make web pages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.

HTML 5 Tutorials and Courses

• Learn HTML5 online from the best HTML tutorials submitted & voted by the programming community.
• 10 Best Web Development Tutorials for Beginners

Moving further, with several advancements to improve the UI in terms of client interaction, scripting is done. Angular JS, is a widely used coding language to serve this purpose.

You can learn AngularJS from the following links:

• Why Angular JS? How can this help in building a website?
• Fundamentals of Angular (The Tour of Heroes tutorial covers the fundamentals of Angular. In this tutorial you will build an app that helps a staffing agency manage its stable of heroes.)

Angular Resources:

Angular is a JavaScript open-source front-end web application framework. It is primarily sustained by Google together with an extended community of people and companies, to approach many of the challenges faced when developing single page, cross platform, performant applications.

Learn Angular from scratch step by step!

The Tour of Heroes tutorial covers the fundamentals of Angular. In this tutorial, you will build an app that helps a staffing agency manage its stable of heroes.

React Tutorial:

Learn React.js from Top 45 Tutorials for the past year (v.2018). Between Jan~Dec 2017, They ’ve compared nearly 18,000 React.js articles to pick the Top 45 that would help advance your web development career in 2018.

How to Learn React — A roadmap from beginner to advanced

This guide is for people who are starting with React. They have carefully curated the best videos and articles in each section to make it easier for learning.

React Tutorials and Courses

Learn React online from the best React tutorials & courses recommended by the programming community.

Let go deeper ! Go through the following to get a broader learning :)

React Tutorial:

ReactJS basically is an open-source JavaScript library which is used for building user interfaces specifically for single page applications. It’s used for handling view layers for web and mobile apps. React also allows us to create reusable UI components. Learn here.

How to Learn React — A roadmap from beginner to advanced

This guide is for people who are starting with React. They have carefully curated the best videos and articles in each section to make it easier for learning.

Learn React online from the best React tutorials & courses recommended by the programming community.

Other Resources

What is jsFiddle?

Every developer has been in the situation where you have code or a design that you need to test quickly and possibly share with others. jsFiddle is the perfect solution; it provides a custom environment (based on user selections) to test (or fiddle with) your JavaScript, HTML, and CSS code right inside your browser.

Have a look at the blog - Top 10 web development tutorials for beginners.

Top tutorials to learn web development

A list of free courses to learn the programming languages which are needed to build a web/mobile app.

Python - Django Tutorial

Django is a free and open source web application framework, written in Python. A web framework is a set of components that helps you to develop websites faster and easier. When you're building a website, you always need a similar set of components: a way to handle user authentication (signing up, signing in, signing out), a management panel for your website, forms, a way to upload files, etc.

Click the links below to learn python - web dev tutorials.

• python programming
• Django project
• https://tutorial.djangogirls.org/en/- In this tutorial, we will take you on a journey under the hood of web technologies, offering you a glimpse of all the bits and pieces that need to come together to make the web work as we know it. Once you've finished the tutorial, you will have a small working web application: your own blog.

NodeJS Tutorial

Node.js is a very powerful JavaScript-based framework/platform built on Google Chrome's JavaScript V8 Engine. It is used to develop I/O intensive web applications like video streaming sites, single-page applications, and other web applications. Node.js is open source, completely free, and used by thousands of developers around the world.

MEAN Stack Tutorial

This tutorial will take you on a beginner’s journey in the creation of an enterprise-style application with server-side code with Node.js and the Express framework, a database with MongoDB and front-end code using AngularJS.