Tag Archives: learning

Learning Lists

Nine free, brilliant resources to learn data mining

I’m a big fan of playing with data.

In my earlier corporate life, I often used Excel to look through thousands of lines of spreadsheet goodness. I assumed what I was doing was “big data”, and I prided myself on my association with a trendy buzzword.

I know better now. A lot better.

If you’ve ventured here, you’re probably looking into data science, the mysterious science that seems to verge on mysticism in the press. The virtues of data are constantly praised as innovative and disruptive. They seem like the domain of an exclusive few practitioners lifting numbers into actionable insight.

Harvard Business Review went as far as to saying that the data scientist was the sexiest job of the 21st century.

It seems that data scientists create many of the most exciting projects at the cutting-edge of technology. The people you may know on LinkedIn appear thanks to data mining. Amazon’s book recommendations rely on computers to mine your book preferences and select the one book that is most likely to appeal to you. Facebook finds what posts you like, and serves you more of the same. Google finds out who you are, and filters search results and ads for you.

If I like computers, the search term Python will return me the programming language. If I like snakes, it will return me a whole bunch of snakes.

This is all down to the magic of data mining. You’re here because you want to look behind the veil and learn how to do all this.

It’s hard, but not as hard as you think. Data science, at its’ core, is all about using computing power to parse through huge data sets.

Learn Data Mining with code(love)

Learn Data Mining with code(love)

Here are nine free, brilliant resources to do just that.

1- Coursera’s Specialization in Data Mining (level: beginner) 

https://www.coursera.org/specialization/datamining/20

Coursera brings the best from the University of Illinois at Urbana-Champaign, ranked in the top 5 for computer science schools in America. It’s a useful introduction to data mining–the application of data science and computing power to find patterns in large collections of data.

2- A UCLA professor’s overview of data mining (level: beginner)

http://www.anderson.ucla.edu/faculty/jason.frand/teacher/technologies/palace/datamining.htm

This blogpost delves deep into the specifics of data mining. It provides an overview and a set of definitions that will help bring you up to scratch.

3-Introduction to R (level: beginner)

https://www.codeschool.com/courses/try-r

The coding language R is the workhorse of scientific data analysis and visualization. Codeschool offers an interactive and gamified approach to learn it, similar to Codecademy. Working with R will give you insight into how to move and dance with digital data, a skill that is the foundation of data science.

4- Kaggle’s Wiki on Python (level: beginner) 

https://www.kaggle.com/wiki/GettingStartedWithPythonForDataScience

Kaggle is a platform for crowdsourced data challenges. The website has a ton of resources on how to get started with data science. This particular link leads to their guide on Python, one of the most versatile programming languages for data analysis.

5- Data Science 101 (level: beginner)

http://101.datascience.community/

This blog knows how to describe itself: “Data Science 101 is about learning to become a data scientist.” Simple, clear and to the point.

6- W3’s Tutorial on SQL (level: beginner) 

http://www.w3schools.com/sql/

W3 hosts a bunch of interactive tutorials on the basics of programming. This set of tutorials goes through SQL, a language that allows you to access data from most web databases. The tutorials will give you a glimpse into how data is structured for many websites and they will give you enough knowledge so that you would know how to play with data.

7-Horton’s Hadoop Sandbox (level: intermediate)

http://hortonworks.com/products/hortonworks-sandbox/

Have you ever wanted to play with big data? Learn the basics here and experiment with them. Hadoop helps distribute data across multiple servers, helping to process large amounts of data as seemlessly as possible.

8- Machine Learning on Coursera with Andrew Ng (level: intermediate)

https://www.coursera.org/course/ml

Learn about data mining and the algorithms you can create to make your data analysis job so much easier from a master in the field: the founder of Coursera Andrew Ng, a Stanford professor who has recently become Baidu’s chief scientist.

9- A Programmer’s Guide to Data Mining (level: advanced) 

http://guidetodatamining.com/

If you can work with Python at a proficient level, this book will help you implement different algorithms that will sort, filter, and manipulate your data for you. A must-read for people looking into the practical applications of data mining.

I hoped that helped get you set on the path to data mining. What resources do you think I’m missing? Comment below. 🙂

Learning Lists

Ten curated resources for you to learn code and entrepreneurship.

Imagine a world where you could access information as easily as you could breathe.

You can stop imagining: this is the world we live in.

With Google, almost everything can be a finger tap away. With the right keywords, you can access the right information.

The challenge now isn’t a lack of information—it’s how to access that information in a curated fashion.

In that sense, Github, the hub for open source software has become a good way to organize information. By modifying the README files typically used to document how software is used into a list or a resource itself, the open source movement is applying yet another twist to how it can leverage existing resources in new ways to solve old problems.

It is innovation in action. The best part of it is that you can contribute even if you’re non-technical by getting an account, and making pull requests that change the text: you update the text how you will, and then you can push the changes to moderators who will look over your proposed changes, or reject them.

Here’s a guide on how to go about doing that:

https://help.github.com/articles/creating-a-pull-request

Now to take a look at the resources that have been assembled for you to learn code and entrepreneurship.

Entrepreneurship

https://github.com/athivvat/Startup-Resources: A list of startup resources that’ll help you get your feet set to build something.

https://gist.github.com/ndarville/4295324: A list of digital business models, along with a comparision to a company or startup known to be using that strategy.

Code

https://github.com/bayandin/awesome-awesomeness: An overarching framework of most of the coding resources on Github, including a bunch of resources on technical topics.

https://github.com/gloparco/Master-List-of-HTML5-JS-CSS-Resources: A special list for HTML/CSS/JS resources.

https://github.com/sorrycc/awesome-javascript: A comprehensive overview of all things Javascript.

https://github.com/vinta/awesome-python: A list of the Python frameworks you can use.

https://github.com/akullpp/awesome-java: A similar list as awesome-python, this time for Java frameworks.

https://github.com/vhf/free-programming-books: An awesome curated list of free programming books.

https://github.com/bolshchikov/js-must-watch: A list of the videos you have to watch to really get Javascript.

https://github.com/dypsilon/frontend-dev-bookmarks: A list of resources a front-end developer has bookmarked over many years.

What are some awesome resources you’ve seen on Github? If I’m missing any, let me know in the comments below 🙂

If learning lists are your thing, check out the rest of them on code(love)!

Learning Lists

31 Free, Brilliant Resources to Learn Code

This was written by Mufaddal, and was originally posted on LearnRev

At code(love), we’re all about compiling resources like this, so it was our pleasure to help spread this great content. If you have content like this don’t hesitate to contact us at [email protected]. We have a weekly newsletter centred around the best resource to learn code.

If that sounds awesome, join our mailing list.

——————————————————————————-

Software is eating up the world’ , Marc Andreessen wrote this article in 2011, almost 3 years on and this statement is still relevant, and will probably be relevant for the foreseeable future. From Jack Dorsey to Bill Gates to Mark Zuckerberg, everyone is encouraging people to learn how to code. The software industry is growing, every single industry is affected by it. There could not be a better time to learn how to code.

Learning how to code is difficult but its not impossible. It’s never been easier to dive right into it. There are countless resources available to help you learn how to code. From simple tutorials to full-fledged courses with tasks and projects. In this post I’ll list the free resources that I think are the best places to dive right in and get started.

Different people learn in different ways, some prefer to read a book first, others like to start coding straight away. There is something for everyone here. I’ve divided the resources into different sections, with number of resources in each section. The below categories are not set in stone, as you will notice that a number of the blogs have courses, and one of the books is interactive.

None of the following are in any particular order, they all have different strengths and weaknesses.

Mainly for Kids

The following five options are great for kids. From JavaScript to simple block-based languages that can teach logic, moving on to Ruby, which is a widely used language in Web Development right now.

1. Khan Academy

Khan Academy-smallSal Khan is Bill Gates’ favourite teacher. Khan Academy has grown from a guy with a graphic tablet putting videos on YouTube, to an education institute. The computer programming section in Khan Academy goes through the basics and is great for kids or grownups to get an idea about how a computer works to what programming is. If you’re just looking to understand the basics of computers and programming, then this is the best place to start.

The focus of the programming course is on JavaScript. Concepts are taught through coding talk-throughs. In these talk throughs, the teacher writes the code and explains what she is doing and the results show up straight away. After the talk-through you can play around with the code that the teacher wrote and modify it.

Once you get a a good hang of how JavaScript works. You can create your own program and publish it to Khan Academy. Other people can see what you’ve build and if they like it, they can modify it and create a spin-off. You can browse the programs that other people have built and create Spin-offs as well!

2. Hour of Code

Code.org - Hour of Code

Founded by Hadi and Ali Partovi, Code.org had the goal to make programming accessible to everyone. They launched the Hour of Code challenge in December 2013, to entice students to give coding a shot. Having partnered with different companies(Khan Academy, Tynker etc), they have developed coding challenges. Starting from some of the simpler ones such as this blocks based drag and dropchallenge. Moving on to this challenge, that will allow you build flappy bird on the iPhone in your Browser!

You can also learn about Python from Grok learning and how to draw using code from Processing Foundation.

3. Scratch

ScratchMITSmaller

A product of MIT Media Lab, Scratch was developed for kids, but even adults can use it to learn the basics of programming. It has an easy to use drag and drop interface, that focuses on teaching logic, which is essential to learning any programming language.

Besides the block-based drag and drop components, the Scratch interface also allows you to import your own images and creating your own images inside the browser using their built in drawing program. Like Khan Academy, you can explore what others have created and remix them or come up with your own projects that others can remix as well.

4. Alice

Alice_ProgrammingAlice is another software program that uses a drag and drop environment. Its focus is towards computer animations using 3D models. Initially produced at University of Virginia and  then at Carnegie Mellon after 1998. You can place objects from Alice’s gallery into the virtual world, and program them by dragging and dropping tiles that represent logical structures. Additionally, you can manipulate Alice’s camera and lighting to make further enhancements.

5. Hackety Hack (Ruby)

Hackety_HackThis is a great little tool to learn about Ruby. It has a built in Integrated Development Environment(IDE) which allows you to run a piece of code that you have written. The learning is structured around going through a series of lessons that are accompanied by programming assignments that can be attempted in the IDE.

Unlike Khan Academy and Scratch, you can download the Hackety Hack software, and learn while offline as well. Once you have accustomed to the Ruby programming language, you can create your own programs from scratch and upload them to the Hackety Hack website. You can also check out what others have created although the community isn’t active like Khan Academy or Scratch and it looks like nothing has been uploaded onto the website since 2011.

University level Courses

If you are looking to learn from professors teaching at some of the top Universities in the world, then the following options are the best for you. The Courses found here range from ‘Introduction to Computer Science’ to some of the advanced Machine Learning and A.I. courses that you can take at Stanford or MIT. I have also included the MongoDB University courses in this section, as they follow the same curriculum and timeline as a normal University course.

6. MIT OpenCourseWare

MIT-OpenCourseWare-smallMIT started the OpenCourseWare movement about a decade ago, since then online courses have evolved and have a completely different look. If you are looking to get your foundation and basics strong, then there is no better place to start then the Introduction to Computer Science and Programming course. It will start from the basics and give you a good understanding of how computers work. Once you have gotten your basics strong, you can jump into some of the other courses found in the Electrical Engineering and Computer Science section.

7. Coursera

Coursera-smaller

Founded by Andrew Ng and Daphne Koller, Coursera is the largest MOOC (Massive Open Online Courses) provider in the world right now. With courses from over 108 institutions(at current count) from all over the world. The courses have a start and end date, although once enrolled you can view the content at your own pace if you don’t wish to follow the course schedule.

The only problem with Coursera is that you have to join the course at the right time. You can enrol into a course after it has started, but with that you will not be able to earn a course certficate for most of the courses. But like most MOOCs, you can view the content at your own pace at any time, even after the course gets done. I would recommend that you try out Machine Learning, the course that started it all. At the time of posting this blog post, they are already halfway through the current session, but you can enrol and get access to the course content.

Besides that there are over 100+ courses on Computer Engineering at Coursera. All of them available for free.

8. Udacity (Python + others)

Udacity-smaller

Another startup founded by an ex-Stanford professor. 160,000 students enrolled into the ‘Introduction to Artificial Intelligence‘ course  by Sebastian Thrun that started it all. That course is for advanced students. If you’re a beginner, then the ’Intro to Computer Engineering‘ course is the place to start. Udacity offers courses focused towards specific fields in computer science such as ‘Web Development‘, ‘Data Science‘ and ‘Machine Learning(coming soon)’. Most of the courseware on Udacity is accessible for free and you can learn at your own pace. If you pay for the monthly subscription you get access to your own personal tutor that will guide you through the course.

9. MongoDB University (NoSQL, MongoDB)

MongoDB_University-small

NoSQL databases are all the rage right now. Databases have remained the same since Oracle came up with the Relational databases in the late 70′s. Hard disks have become cheaper since those days. Internet and networking speeds have increased. This has lead to innovations in databases. MongoDB inc. (Formerly 10gen) has been at the forefront of this innovation.

What better place to learn about these new databases then MongoDB University. Powered by the edx platform, they have 7 different courses targeting different languages and use cases. Two of the courses lead to certifications.

Interactive Browser-based

The following websites, offer an interactive browser based IDE to teach how to code. You can learn by doing a number of projects and exercises in the browser. The advantage to using the examples below is that you would not need to setup anything on your computer, and can learn everything through the browser. Eventually when you’re more comfortable you can always download the right software and get your development environment ready.

10. Codecademy (HTML, CSS, Python, Ruby, PHP, JavaScript)

Codecademy-small

Founded in NYC by Zach Sims and Ryan Bubinski. Codecademy was one of the first startups to focus on teaching you how to code with project-based assignments that taught you simple concepts through a browser based editor. They started with just JavaScript, and now offer a number of server side languages that you can learn as well.

Once you have mastered a skill, you can create your own lessons and teach.

Check out the Projects page, which contains 10 web-based projects. You can build a Blackjack game or Animate your name using HTML, CSS & JavaScript. The lessons are brief and engaging, and keep you coming back for more.

11. Code Racer (By Team Treehouse) (HTML, CSS)

Code_Racer-small

Code Racer adds a competitive element to learning how to code. It is aimed towards teaching you basic HTML and CSS.  Beginners can learn at their own pace and advanced users can test their coding speed and agility. Players race against each other and the clock to complete coding challenges, unlocking weapons and rewards along the way. Built by Team Treehouse it offers video tutorials with the same production values found on their main website. The challenges are easy to start with but become harder as you progress.

12. Code Avengers (HTML/CSS/Javascript)

Code-Avengers

Offering a browser based text editor, Code Avengers offers step by step task based interactive tutorials. The tutorials are there to help you learn how to code games, apps and websites with HTML, CSS and Javascript. The interface is easy to use and the tasks are easy to follow. If you need help you can also ask questions.

13. Code School (HTML, CSS, JavaScript, Ruby, iOS)

Code-School-small

Code School has courses in a range of different languages. Most of the courses are not available unless you sign up for the monthly subscription service at $29 per month, you can end the subscription at any time. But all the different languages that they offer offer at least one free course. All the courses follow a theme, and you get a different user interface and look. This keeps things fresh as you’re learning. The courses is conducted through video screencasts with great production values. After every screencast you can attempt a coding exercise.

Some of the free courses that I recommend you to take are the  JavaScript Road Trip part 1Try JQueryTry RubyTry Objective-C & Try iOS. All of these are fairly basic courses that will teach you the fundamentals and will give you a good flavour of what to expect in each language.

14. The CodePlayer (HTML, CSS, JavaScript)

Code-Player

This is a slightly different concept, it doesn’t have a video player with a guy showing you whats being built. The player is similar to the Khan Academy JavaScript lessons, where you get to see how the code is written. Unlike the Khan Academy lessons, there isn’t any audio. The commented out portions in the code explains how a certain effect was achieved.

The great part is that you can increase the speed to watch it quicker, and just like Khan Academy you can play around with the code at any point by pausing the player or right at the end.

15. Ruby Koans

Ruby-Koans-small

This is a different way of learning Ruby through unit testing. The word Koan, is used to represent story, dialogue, question, or statement, which is used in Zen-practice to provoke the “great doubt”, and test a student’s progress in Zen practice. This is the same philosophy that is used in Ruby Koans, by teaching a user about the Ruby programming language through testing.

Normally you would be required to install Ruby and download the Koans on to your computer to get you started, but a browser-based version has also been developed, so you can get started straight away.

16. Programmr (C++, Java, C#, Ruby, AJAX, HTML, CSS, Javascript, SQL, Flash and plenty more!)

programmr-small

Programmr has a broad catalogue of lessons teaching many languages. You can attempt exercises in their browser-based editor, and it gives you an answer straight away. The exercises start with the basics, teaching variables, operators, methods and strings and then moving on to some of the more advanced concepts. There are quite a few free courses, and a number of paid courses as well.

The thing that makes Programmr good is the ability to create your own projects, and attempt projects created by others. The projects range from simple games to iOS and Android apps. They also host contests through which you can win various prizes.

Video Screencasts

The below are screencasts recorded by experts showing you how to do a certain task. You would have to setup your development environment on your computer to get started with these.

17. NodeTuts (Node.js)

Node-Tuts-small

We’re using Node.js for our backend. When Zaid our co-founder/CTO was deciding to switch from Python, these were the tutorials he used to learn more about Node.js. The tutorials are developed by Pedro Teixeira, who has contributed a lot in the node.js open source community. These are video-based tutorials, but Pedro has a great teaching style and explains simple concepts in an easy to understand way.

We liked these so much that we combined these screencasts together and curated them into one place.

18. Stanford CS139P iPhone Development (iOS)

CS139P-iPhone-small

Follow the same curriculum and lectures that the students at Stanford are following to learn iOS development. The videos are recorded in the lecture theatre while the class is being conducted. You will get access to different course work ad exercises, but its fairly self-paced and you will need to take the initiative. You can download all the videos and then try to attempt the assignments at your own pace.

You also have the ability of downloading these on iTunes U.

Tutorials, Guides & Blogs

19. AppCoda iOS Programming (iOS)

AppCoda-small

AppCoda has 60+ tutorials to teach you how iOS development. You don’t require any previous programming experience to get started. The tutorials will help you get Setup and build your first Hello World! app in Xcode.

They are adding a new tutorial every week. So if you’re interested in learning iOS, have no programming experience and prefer reading to watching videos, then this is the best place to start.

They constantly update any old tutorials that are not relevant anymore with Xcode 5 and iOS7.

20. Tutsplus

Tutsplus-small

Tutsplus has net a great network of blogs on various subjects, from Design to Music to Business. The three blogs that I recommend you to follow are the CodingGame Development and Web Design blogs.

Part of the Envato network, which also includes a number of marketplaces, Tutsplus also offers a number of Free Courses on various topics. They offer 2 free courses inWeb Design and 10 free courses on Coding. To get started in Front-end Web Development and Design, I recommend that you check out the 30 Days to learn HTML & CSS & 30 Days to learn JQuery. You should also check out either Let’s learn Emberor Hands-on Angular which allow you to augment Web Application with Modular-View-Controller(MVC) capabilities, allowing you to build single page applications. Deciding which one to use requires another blog post on its own!

21. CSS Tricks

CSS-Tricks-small

While I was learning CSS, one of the best resources that I found to learn some cool tricks was here. There is a great community on the forums as well. Most of your CSS related questions will be answerd in no time. If you’re looking at a specific problem, this is the best place to look. Most CSS related issues and problems have been tackled on the forums and in the tutorials.

Like Tutsplus, this website also has a number of Video Screencasts.

Some of the text-based tutorials that I found really helpful, tackled specific CSS use cases, such as Pop HoversRibbons & Transition. Showing some of the cool things that can now be done with CSS.

22. Webmonkey

Webmonkey-small

Part of Wired magazine, Webmonkey is a great blog to follow if you’re interested in anything to do with Web Development. They cover various topics from whats currently trending in User Interface(UI) Design to what the latest web frameworks are.

They offer a number of tutorials, a cheat sheet to help you with HTML & CSS and acolour chart to help you easily get the Hex code of a colour.

23. HTML5 Rocks

HTML5-Rocks-small

HTML5 is supposed to change everything in Web Development. Modern browsers have started to support most of the HTML5 web standards that W3C has finalised. With HTML5 browser based apps are finally able to compete with Native apps in terms of functionality and also User Interface and User Experience.

The best place to learn everything about HTML5 besides the W3C portal is HTML5 Rocks. There are a number of great blog posts that highlight some of the best features and functionality that are found in HTML5, and also show you how to implement them in the right way.

Referencing

Not even the best programmer in the world will know about every obscure function or class. With practice you will get better at remembering them, but when starting out you need to have access to some good reference documents. Below I’ll list the ones that I think are great when starting out.

24.  Dash (Covering 148 different languages and API Docsets)

Dash  I discovered this only recently and can’t image going back to using web-based reference documents. Developed by Kapeli, this is an indispensable tool with support for 148 different API Docsets. You can download the ones that you require. You also have the ability to integrate it with a number of different IDEs(integrated development environment) such as Sublime Text EditorCoda and many more. Besides being a great reference tool, it also comes packed with a Code snipper manager, allowing you to easily store snippets of code that can be tagged and easily re-used in multiple projects. The free version for this app

25. iOS Developer Center

iOS-Dev-Center-small

When it comes to developing apps for the iPhone, there is no where better to start the Apple’s own Developer center. This is where you will get the latest updates for any changes that apple has made to their API documentation. Its a good idea to register yourself as a developer  as you’ll get access to the discussion forums. The forums are a great place to ask questions about a specific issue you are having. Once you’re ready to distribute your app, you will have to join the iOS developer program. You will pay $99/year to join this program, and this is the only way you will be able to publish your app to the App Store.

The same goes for developing apps for OSX, you can join the Mac developer program for $99/year. You can access most of the other resources without having to pay anything.

26. Android Developer Center

Android-Dev-Center

Just like with iOS, when it comes to Android, the best place to start is the Android Developer center. Google has built this place to help out Android developers in any way possible. You can learn all about the right style and design patterns to use in the design section.

In the develop section you can go through the training to help you get started with the Android SDK. Once you have a good idea about what you are doing, you can check outreference when you’re not sure about something, or the API guide to help you connect your app with different Google services.

Finally you can check out the distribute section when you’re ready to publish your app.

27. w3schools (HTML, CSS, JavaScript, SQL, PHP, JQuery, ASP.NET)

w3SchoolsThis is where I started when it came to looking up anything to do with CSS or JavaScript. The great thing about w3schools is that it shows you browser support and also gives you a little example of how a certain property or function should be used. The browser based text editor allows you to play around with the example code and run any changes that you need to make; they call them ‘Try it Yourself’ examples. The focus is mainly towards web-based languages, so this would be a great place to start if you are looking to develop a browser-based application.

Online Books

28. Learn Code the Hard Way

The-Hard-Way-books-small

If you still prefer learning by reading a book, then this is where you need to start. Written by Zed. A Shaw, who started with the ‘Learn Python the Hard Way‘ book. They are great for beginners and advanced users alike. The books themselves are free as long you view the online versions.

The books are structured like a course and you are advised to follow them and practice coding for 2 hours every day. The author has also developed a number of webcasts that can help you out as well.

He has also written books on RubyCRegexSQL & Command Line. Each of them structured in a similar way to the Python book.

29. Eloquent JavaScript

Eloquent-JS-small

This is a great book for beginners to pick up to learn more about JavaScript or programming in general. Written by Marijn Haverbeke, the book starts from the basics and quickly get into the advanced topics.

Even if you have never written a computer program before, this is a great book to go through. You can try out the programs that the author has written in the books, which should also help you understand the basic concepts of a programming language. The HTML version of the book allows you to pull up a console at the bottom of the page (If you are using a modern browser). Allowing you to run a program and get a result straight away. To start learning, you will not need anything except for a modern browser.

30. Wikibooks

Wikibooks-small

There are a number of relevant books listed on this page that you can use for free. From basic ones all the way to some of the advanced books. There are books on almost every subject in Computer Engineering. You can download the books in a printable or PDF format.

I recommend checking out the books on C Programming and Algorithms.

Great place for discussion

31. stackoverflow

StackOverflow-small

This is the best place to ask questions about computer engineering. If you run into an issue or a problem, you can paste your code into a question and there is a great community of developers that will try and help you out. Best thing to do before asking a question is to try and see if someone has faced the same problem before. In most cases you will find the solution to your problem just by searching through questions that have been asked in the past. Some times you might have to ask a question, and if thats the case, as long as you follow the rules and have a detailed question, you will get an answer.

Conclusion

I hope you found this guide helpful. In this day and age, there are so many free resources to help you learn how to code, all it takes is the right mindset and habits to get started. Once you’ve picked the right language to focus on, its all about practice and trying to build something with what you have learned.

Learning Lists

Create Your Own Webpage in Under Ten Minutes

The biggest obstacle for most people when they start getting into web development is that it seems obscure how to go about creating a reasonably nice-looking webpage, nevermind a website.

These insights will help you create and flesh out your online projects infinitely faster than it took for me to start initially building mine from scratch.

1-Get yourself a better text processor than Notepad (should take about 2 minutes)

Sublime Text is a great resource for this, and while you think you’re getting it for the evaluation period only, the fact that it’s not compulsory to register basically makes this freeware. Do try to help the makers if you can with a tip, as this is a great code processor that works so much more efficiently than Notepad for code: it can match your opening, and closing tags, and autofill in certain code functions. It should take you about 2 minutes to set it up.

Open it up, and you’ll see it’s a flashier version of Notepad, that can be used accordingly. If you’re on a Chromebook, try Caret instead, or look around for any text processor.  You can even stick with Notepad if black text and white space are your thing.

Sublime with code(love)

Sublime with code(love)

2-Start a new file in Sublime Text or your word processor, save it as index.html (should take about 2 minutes)

Now it’s time to do some coding work. You can begin by starting to type with a <HTML> tag, then a <head> tag, then wrapping in the title of your webpage by writing as follows: <title>Your title</title>. Then end it with a closing head tag. Finally wrap it up with a closing </HTML> tag—but always make sure that is your last line! Your head should look like this:

<html>
<head>
<title>Your title.</title>
</head>
</html>

Save your new file as index.html, in a folder that comprises your project name.

 3-Copy and paste some front-end template elements in, link to the template at hand, and play around with the text (should take about 4 minutes)

You’ll want to download a front-end CSS framework if you want to build things rapidly. CSS frameworks style things for you, so that you can just refer to already existing style classes and IDs located in the files you downloaded. Popular frameworks include Bootstrap, Foundation, and Semantic.

For our purposes, it will be good to use Bootstrap, but the others will work according to the same theory. Bootstrap is one of the most popular front-end frameworks, developed by Twitter programmers to simplify their work with Twitter’s interface.

Bootstrap with code(love)

Bootstrap with code(love)

Download Bootstrap here. Unzip all of the files into the same folder as you saved index.html. Now, modify index.html, by including a link to the CSS bootstrap style sheet in the head.

This entails copy and pasting <link href=”bootstrap.css” rel=”stylesheet”> somewhere after the </title> closing tag, but somewhere before the </head> closing tag.

Your head should look something like this:

<html>

<head>

<title>Your title.</title>

<link href=”bootstrap.css” rel=”stylesheet”>

</head>

</html>

Now let’s open the body tag. <body></body>. Always remember that the closing </HTML> tag has to end the whole thing, so move that to the bottom.

Stick a Bootstrap template in between: in this instance you can go Jumbotron mode, right click and then click on view page source, and copy/paste everything between the <body> opening tag (at line 29) to the </body> closing tag (at line 98). If you don’t like that look, check out the rest of the templates. Customize it by playing with the placeholder text within the body tags, and by adding components.

Your last two tags should be </body> and then </html>.

 4-Save on Google Drive, and manipulate your new webpage! (should take about 2 minutes)

The entire walkthrough can be accessed here.

Create  a public Google Drive folder. You can do this by right clicking on the folder, and then clicking the Share button on the dropdown menu that pops up, then switching the settings so you are sharing with everybody on the web by changing the default private setting.

Upload your HTML document along with all other files in your project folder (which should include your CSS files) on a Google Drive folder. These files should take on the public properties of their parent folder after Google prompts you to ask if you want to upload and share—click on the blue button as this is the case. If you do not, you will not be able to preview your documents.

Preview your document by clicking on the file in your Google Drive, then clicking the blue “Open” button at the bottom right, then clicking the preview button on the top left corner of the HTML Google Document. The corresponding hyperlink on top can then be copy & pasted and shared with others, so that they can view your work as well!

Google will be doing all of the legwork of hosting for you. It may take a while for Google Drive to process everything, so be patient if it doesn’t work at the beginning. Check back in half an hour or so.

Waiting with code(love)

Waiting with code(love)

If you want to see what I did with this walkthrough, click here.

You can right click and view source to see the code behind the webpage.

This is a very basic primer, and there is so much more you can do beyond this, from scripts (which you can see in the last few lines of what we copy & pasted from Bootstrap), to learning how to host on your own domain. This is only the first step, but I hope it inspires you to code, and build out those great intangible ideas you’ve had into tangible web products.

 ——————————————————————————

Are you excited, and want more resources to practice coding? Click here.

Learning Lists

Six Valuable Resources for Learning and Practicing Languages

Up in frosty Montreal, there’s often a need to learn different languages as it is quite a diverse city, and also a need to stay inside, as it is quite a cold city. Teasing out ways to learn languages while not freezing, using technology and the power of the internet, has been a very useful exercise for me. Here are some of the valuable resources I’ve found along the way. 

1–      Babbel

www.babbel.com

I’ve always found Babbel’s mobile application to be ideally balanced, as the levels are not as long as other language applications, and the method of answering by point, and click, is simpler which makes it an ideal travel companion, and a way to practice a language without dedicating too much active effort to it. Do a download of the mobile application for your phone or your tablet, and try it out. Very useful for those constantly on the run.

2–      FluentU

www.fluentu.com

Have you ever stopped to think that if only Game of Thrones were produced in Mandarin, you’d be a lot further along in learning Mandarin? They say necessity is the mother of all invention, and FluentU hits that niche nicely. By taking real-life videos that are entertaining in other languages, overlaying subtitles and the meanings of the language behind it, and then quizzing you on what you just watched, FluentU is a new technology startup that manages to build quite a compelling and immersive experience for you to have fun watching your favorite K-Pop videos while learning a language.

3–      HackingChinese

www.hackingchinese.com

The title itself is enough to fall in love with. This blog has a ton of resources on how to attack learning Mandarin, and consequently, a bunch of other languages. Instead of focusing on rote memorization of one language, it focuses on the process of learning language, a crucial distinction that makes it incredibly useful. It’s well-written, substantive, and a very valuable resource.

4–      Linguee

www.linguee.com

Ever felt you were a little too expressive for Google Translate? Linguee is your solution. Its’ sheer genius is that it will take your query, then crawl through the work of professional translators on legitimate sources such as government websites that must translate across several languages for their people, to return a result for you. You can put in jargon-laden terms or even sentences, and see how the best translators would have tackled those tricky translations. It’s the only site I’ve ever gone to where I could make sense out of my random economics rants about externalities in another language—for that I will forever love Linguee, and in time, you will too.

5–      Italki

www.italki.com

I don’t think there’s any language learning experience more immersive than talking, and connecting with someone in their native tongue. Having coffee with someone who speaks the language you want to learn is pure gold in terms of learning languages. Italki finds people around the world for you to do this with online, and makes it awesomely easier for you to connect with people around the world who are looking to learn languages just like you.

6–      Duolingo

www.duolingo.com

When you clicked on the link, did you think Duolingo would be front and center? Yes, Duolingo is great, but it’s very well-known compared to some of the other resources above, and it’s good to shine the spotlight on other resources. However, I’d be remiss not to point out the gamified service where I am refining my French and learning Spanish. Its’ desktop web platform is very hard to beat in terms of a complete interactive experience learning languages.

There you go, you have no excuses now. Go forth, and start learning how to connect with people around the world. You’re only a couple of button clicks away from starting, as I was months ago. Bon voyage!

——————————————————————————-

Interested in similar resources for learning how to code?

https://www.code-love.com/2014/01/26/five-brilliant-resources-for-learning-how-to-code-design-and-think/

Learning Lists

Five Brilliant Resources for Learning How to Code, Design, and Think

When I first founded my tech startup, I did it without any technology knowledge. I’ve now firmly realized that this was a mistake—but perhaps in many ways a benefit, as I have been forced to learn the importance of coding, and design, and how it can frame one’s mind into thinking a certain rational way that will help not only with coding websites, but with how to consider and reflect on a whole host of problems, and communicate solutions to them effectively.

Here are five great resources I used along the way to help my journey along from being a total code novice to being able to understand and communicate web technology.

1-      Bentobox.IO (full repository of links to different coding schools)

http://www.bentobox.io/

Bentobox is a comprehensive walkthrough on how to learn how to code multiple languages, and the fundamentals of the web. A great starting point to see where you should start if you don’t know anything at all about coding.

2-      Hacker News (reddit-like technology subsection focused on startup enterpreneurs)

https://news.ycombinator.com/

The virtual forum of the world-famous Y Combinator, I find it is a great resource for discussing with tech-minded individuals, and for seeing what’s going on in the technology space from people working on it every day. I guarantee that you’ll feel more at ease with technology and new ideas if you browse through it daily.

3-      Hack Design (emails sent to your inbox full of design goodness)

https://hackdesign.org/

When you think design, you might think of pretty pictures fitting together in beautiful ways, but it is so much more than that. Design is really placing yourself in the shoes of someone else and ensuring they have a great experience, instead of the experience you think they should have. Design is me saying this should help you, instead of me saying this helped me. For all of that good stuff, and pretty things falling together in pretty ways, check out Hack Design’s emails.

4-      CodeAcademy (gamified version of learning how to code)

http://www.codecademy.com/

Get a handle on how to think like a coder, and how to build some projects, all while having fun! You’ll have a blast running through CodeAcademy, and it definitely will help you understand the common logic that unites most coding languages, and to get a handle on how to go about building your first projects.

5-      JQuery’s user interface documentation (simple instructions and copy+paste on how to build in cool things into your web projects)

http://jqueryui.com/

Are you past the point where you can scurry around HTML and CSS with no pain? Wondering how to go about doing the really cool things web developers do—those datepickers, and autofill fields? Did you ace the JQuery track of CodeAcademy?

Before you go off wandering too much into Javascript land, check out the JQuery user interface. JQuery is a simplified library of code that allows you to take certain common features of a website and replicate them without knowing too much about Javascript. It takes many lines of codes in Javascript, and turns it into one word you can play around with. Playing around with it will allow you to firmly get the principles behind front-end code, and will allow you to build cool projects quickly.

——————————————————————————-

Nothing beats trying to build your projects out and marshaling whatever resources you can to get that done, once you’ve finished all this. People often have a misguided notion of how hard this can be coming from a non-technical background. I graduated in business, and I can firmly tell you that I fundamentally believe that everybody can understand the basics behind the web—and that they should attempt to do so. Good luck on your journey!

PS: If you want a more-career oriented tech bootcamp that can get you into a UX design career, look no further than Springboard’s UX bootcamp.