Complete Guide To Web Development In 2018

CoderOne · Beginner ·🛠️ AI Tools & Apps ·8y ago
Full Tutorial: http://go.ipenywis.com/ipeny4bec --- Official Links---- Official Website: http://ipenywis.com Official Facebook: http://go.ipenywis.com/ipeny4907 Official Twitter: http://go.ipenywis.com/islem9a03 Official GitHub Repo: http://go.ipenywis.com/ipeny5c0e ---Support US--- By Becoming a Patreon: http://go.ipenywis.com/ipeny5024

What You'll Learn

This video provides a comprehensive guide to web development in 2018, covering various tools, frameworks, and techniques for front-end and back-end development, including React, AngularJS, Node.js, and more. It also discusses the importance of learning new languages, frameworks, and libraries, and staying up-to-date with industry trends and best practices.

Full Transcript

hello and welcome to the complete guide to web development in 2018 in that tutorial I'm gonna walk you through the best practices and also in-depth guide into 2018 technology so whether you're a web developer beginner you want to get into the field or you just want to check out the trends for 2018 technology so I'm gonna walk you through in this tutorial stay tuned with me so before we begin this guy gonna walk you through the most use it or you need to be considered he used learning technologies between eighteen if you think this list misses something please make sure make sure to let us know in the comment below or we'll be very happy to check your suggestions below I'm new to web development so if you're new to web development and we're forming new to the field of web development and you want to learn the trend technologies so this story should guide you through where you need to go the place exactly and what you needs to do but first things to extend to learn to basics so you see first if you start the tools and the software and the hosting providers you're gonna need alongside your journey here so first things first a terminal of course so you need to basic knowledge of terminal terminal commands and how to set up your terminal is very simple to know whether if you're familiar with CMD or portion windows or like column X terminals or Mac OS X so chili mac OS X and color mix or Linux actually I don't know I'm saying colonics in here so Linux are very familiar to each other for that specific terminal thing so yeah you can stick with the terminal and terminal is a really really nice thing so you need to learn between the 18 it gives you a lot lots of things in here so yeah important for installing and deploying up terminals so you're gonna help you a lot during your career now for image editing of course you're gonna start a blog or something also you need an image editing anyone or two months or some of these tools like Photoshop or pixel or game they are all free except for Photoshop or Bixler for some features but you can get them free of course now for the day block deployment to is you're going FTP clients and SSH and how to deal with them and how do you like transfer files between your server and your local machine and just deploy your application on the web out there for the domain registered registers we're gonna talk about it's like the name shape it's very nice yeah don't mean register I've had an experience with them like very nice one very supportive a lot of cool features supported by name shape so make sure to check them out if you want to just read up to me and for club holsters call this line out dunker cloud storage a lot of other things and professional stuff if you really want to intend to release your application of them now there's actually two type of web developers so there's the front end and is the back end so a front end is actually responsible for up work and feel for the user interaction and video I and UX which is user interface and use your experience and the backend is responsible for functionality for data manipulation and security concerns like web security and all of this kind of stuff this happens on the back end and for the front end where you just see your website so the things you see in the web sites like moving on the website animation colors all of them are part of the front end but the back end is something being on the front end which is the functional to Philips eyes when you click a button you're gonna get or save your data to the database which they are from the database all this kind of stuff happens on the back end which is the server-side language or the front side languages so there's two types of things in here so if you are web designer or web developer web developer will take care of all the full stack web developer take care of both of these but I really advise you to take one first then move on to the other one and just try to make it like master both of these to get it easier and way much much faster for this and this actually best tell you the choice between 18 but code editors you're gonna need a really fast optimized and smartly supported code editor for your work web developments so here's a list there is Visual Studio code it's really nice it's a new one and made by Microsoft you all know it's open source as well so we all now like Microsoft products are highly appreciated all of them I'm working absolutely phenomenal I've been working with this character for quite a long time for now and it's just very very nice it's insane it's very fast has a lot of plugins large community all of this kind of stuff so in really pledge to use Visual Studio code as far as I said cross-platform and elegant there is awesome it has also a large community it's me I get up it's an open source and cross-platform but both of these are surfaces in the apartment Visual Studio code on made using and plot or and a framework from github called electron which allows you to create a desktop apps using the technology or the web technology so if you are ready to learn the web technologies trends in 2018 you can check out this framework called electron to create desktop apps as well which makes your life way much easier if you just intending to create fast and just light weights apps desktop apps it's also cross-platform this also sublime text it's used also for cross-platform in lightweight so it's not very big thing it doesn't a lot of plugins or this kind of stuff as Visual Studio code or add some tasks but I can clearly tell you about sublime test is doing a really nice job for a text editor or just a secondary text is to everyone use your visual studio code or awesome so those are the three ones are still living on 2018 so we really advise you to go ahead and download one of these and stop using that right out of the box jumping in into the programming languages there's basics for every or basically which is actually for every developer to master and he runs on talking for the front end stuff for front end actually languages even though the back hand need to learn this language is because he's gonna be all HTML and CSS on all this kind of stuff so it's kind of both of them gonna take care of this HTML so this personally HT or we know this HTML hybrid markup templating language or markup language which actually allow you to space structure to detractor your code to structure your website or your web application project is the basic language others it's not called language actually it's a markup language but yeah you can stick with a party last year says this is actually for styling and prettifying your web pages are in colors changing with positioning grid layout in this way much more advanced topics about the CSS in here there's also JavaScript it is the scripting language and it is running gonna run on the client side also this framework analog JavaScript to run at the backend gonna talk about this later on which is no js' and JavaScript for the client-side we're gonna use like the scripting theme formula plating the Dom or document or the objects the main our webpage object and also for the using experience and use your interfaces so this are the three languages for every single developer if you're new to the field you must learn first jumping in for the frameworks gonna be need to use them 2018 or like widely spreading there is a recommended and this a bit of chaos in here so when I say mature material I see a sense there's a big part of J's running behind the maturity a sense for predefined style and positioning all the elements are even mature CSS so for the materialized CSS it uses the material design it's a new design it's been on for quite a long time I don't know for 2016-2017 and still coming in very bad ass on 2018 so yeah you can use materials arts used by big companies like Google and its really really nice if you want to give your app or web application a new look and feel now this bootstrap for oh no bootstrap you feel not so probably you're new to the field so bootstrap is like the wildly most use it nowadays framework for CSS I'm also JavaScript and it has everything everything is done for you for responsive design for just designing your website from the ground up in just very very easy steps voice drive is free made by Twitter open source open source I believe yeah anyway so bootstrap a material CSS aren't the most things but bootstrap is widely most music then majorly lost in CSS there's also your foundation and gives you up new what can feel a lot of companies out there are starting using your foundation because it's very supportive very easy to get started with and has a large community out there so yeah the foundation is also a good choice between 18 now for the user interfaces libraries and basic ones for using it with JavaScript creating an astonishing UI and also a user experience this Yui which is the Yahoo you I made by Yahoo ICL all over a lot of small teams are getting started with Yui it gives you functionalities give you like an extended libraries are an extended chance to make your web app looks a bit better using that you are also a lot of this event systems and stuff aren't using or are being embedded into the one you arches the our UI you can check this out it's also free to use for Yui MS there's a lot of excellent examples of there explains how to get started with this framework there's also semantic UI it's part of like this part of this is made by bootstrap another part like with a full thing from the semantic you on it's good good framework it's really nice tasks and you look and feel so we're really really advice to use it is CSS and Jensen's upset and WebEx is for large companies for enterprises and for scalable projects so if you have a big company or you want to expand your team I would try to go for the WebEx itas like a very supportive team and all those kind of thing features goes behind the C's for the WebEx now for the must land and advanced frameworks out there for frontend for designing the e user interfaces there is first react which is maintaining for by Facebook Connect this just an optimized rendering event and also uses JSX for the optimized writing just updates everything at the real time so which means it's update thing at once and also use GSM which mean is actually very nice just like so if you're not familiar with GSX you can embed HTML tags and HTML elements to JavaScript so you can work with them right out of the box so react use lets you do that in a very simple way also react is being used by a lot of companies of the lot of websites a loss for example give you udemy so it will allow you to render out user interfaces and very very nice with this view today s so view today is also a templating library or framework it's react similar it uses templates so you just give them the template you want to use then just render it or compile it then you can get the full version of that so it's similar to react a bit but react is a bit different than that so just similar something's and easy to get started with so if you want to get into the field for the advanced production in your user interfaces using one of these JavaScript frameworks that really advise you to go first with utopias it has blood community it's easy to get started with a lot of examples so just get styling the pure genius and obviously move on to the react which because reality is better in an optimized rendering so yeah you can use both of these there's also angularjs and Ozias as far as you can see it's use it task and full MVC which is stands for Model View controller and it's use it for enterprises and big projects and big companies so yeah if you wanna like expand your team or something use angularjs and as far as I can tell and YouTube is being used on a lot of projects out there just search for angular Gaia's examples of projects you can see are you gonna find a loads and loads of team are being or starting to use angularjs their websites because it just gives you a really nice fanclub functionality is a lot of features and a lot of our kind of things so just need to try this for knowing what is actually moving on for the GS essentials so what is needed to for a JavaScript so obviously you're gonna need jQuery like almost a language chill when it's a jQuery jQuery is like another programming languages book language actually and it's part of J's so equally can allow you to query for elements liked elements look through do a lot of type things like Ajax request a loads of loads of other things so jQuery is just like you can't can't like use or do or creates a web application without jQuery out there as far as can tell jQuery is just a big part of your web project you should include it and by 2018 is becoming necessary to be included into the web project it's fast query is very important for any web project as well so on demand there's also the web pack dependency manager I was like as far as can tell well as far as can see web pack is why this burden fastness burden and like the last years the couple 2016-2017 its use point Facebook and big websites out there for dependency managing JavaScript modules and all this kind of stuff it just gonna help you a lot when you create like a medium small to medium to large applications for like managing your dependencies NPM dependencies or Noches modules and just and pouring them and bundling them in one file will help you a lot also as I've said widely use also there's the sass and the CSS pre compilers so it uses advanced CSS the CSS and the scissors are pre compiled languages of the CSS which like extends the CSS the actual CSS adds a lot of features to the CSS a lot its odds like variables you can declare variables into the CSS you can you can do a lot of things in there it's also like the inheritance multiple inheritance between the parents and the child Oh a lot a lot of things you can check this out and the preferred thing is the sass so a really pleasure to go ahead and choose the sass and those are called pre compilers so tree is gonna compile into an actual citizen so this also be able or bubble whatever you call it but Jas is a JavaScript compiler which allows you to create or write JavaScript code faster and way much more easier then it's gonna get compiled into actual JavaScript when it tell you say say JavaScript I'm talking about echo script 6 which is the last one actually so over 2018 using bubble and medium science projects is just very necessary we're very important for anybody starting like children or new things and web development or web development to 2018 I really thought you to get with Babel as well I liked alongside the sass and a weapon and web pack are very on demand on 2018 now more between 18 as far as can tell from 2017 and 2016 there's also evidence query selection monopoly Indiana so this thing's or these skills like really important for you to know and very important to master learn how to use needs of GS with the Dom so without using jQuery or something learn how to like query with the it for data and try to find the DN as far as possible without using like all the libraries just the native or vanilla Jas there's also data sets and data structures so like how to manipulate how to deal with data big data so how to like parse data how to store data how to find an HTML from database of all this kind of stuff and manipulate them and like the data structures how to structure your data properly so you can easily loop them on the real time while JavaScript using the real time on the client-side serve them so Jimmy is gonna help you a lot mastering these kind of things like creating or surgeon or power or parsing large data sets there's also JSON JSX and Ajax so elements query select an animal played in the annals of Sam JSON is just data structure it's the best thing out there to work with I'm talking about the web in here so that JSON is very very important to learn about Jesus acts as well for embedding HTML tags into the JavaScript so it's gonna make you like work faster and easier and that and there's also eight Jack's which is awesome kernels JavaScript XML requests and responses so you can just call a backhand script so we call your server from your JavaScript and get response back so really really a big deal to learn about Ajax and gsx in JSON so this like The 2018 I'm also from 2017 or from last year's also there's a responsive design for web designers even though for full stack web developers that still the responsive design is very important not gains for cleaning your web app or your applications of across the devices and apps and for multiple screens resolutions like 4k 1080p and 720p so sales like the biggest thing or the well-known like these days the also 210 editing then 1080p 3 is just widely used and widely spurning nowadays so for web designers onto an 18 this some of the web designers technique creative arts so you need to be creative I don't know what's this coming on but anyway so creative art so you need to be creative how to create your art how to create your specific art for your websites using Photoshop or different image editors so that to make your website looks elegant looks like like specific and also learning the CSS layouts will make a huge deal so like the grid layout and the Flex boxes and of all these kind of things will help you a lot so as I've said basic and complex layout for better user experience and also the PSD to HTML template so when you create templates using or website templates using Photoshop how to convert them into the HTML and the tools use it and how I can be professionally using that because it's gonna help you a lot as a web designer in 2018 and also from 2017 and 2016 this was a trend in there now for the back end so we've talked up bombs were covered a lot of things on the front end need to move on into the back end technologies and the web technologies and best language is used out there so for the back end there's a lot of languages that's the same job but each one deals with server differently we start with no genius probably the most popular nowadays and 2018 is the note e jes so as I just told you if you're new to the web development team you know Diaz or JavaScript can also be used for server-side scripting and therefore you can use JavaScript for creating or scripting the server and that using or by helps of a lot of frameworks s express Express and I'm gonna talk about this and know GSU's for advanced a large it has a logic to library and also very very powerful so advise you to use node.js for like big projects to medium projects this also PHP who doesn't know about PHP PHP is very practical and very basic so if you're just starting to this I really advise you to go with PHP was very protocols I've said it's very easy to get started with just two commands just connect with your database and the idea of those things but PHP is very easy also not for big projects so just get start with PHP and move on into enough jails from any other language Python so python is widely you will subset and it's quickly spreading especially 2018 I'm pretty sure that this is gonna be a lot of lot of libraries also it has a big module of a large module library so whatever you need from Python I'm gonna find it with a modular helps you a lot on your during you develop development of your website or web app so this is our quickly spreading of sand and also large community and Python this or it has a very nice let's say elegance frame help you achieve that for Python you can use it for web development and also for descriptive elements so you get to things while learning only one thing for go-go is a new language if you don't know about it go is also like Python similar and it's busy very easy to use very practical but easy to get started with and also as I've said the new so attached frameworks out there and easy to get started a lot of tutorials are concerning go I think will be like The Next Web no language tell them because it just quickly quickly spread especially on 2018 this you sharpen is p.net if you're not familiar with that the c-sharp can be used also for the web development from the desktop development to the web development very easy using the isp dotnet framework Windows Server this is specifically for Windows purple and for large-scale for cleaning like big company websites for managing I don't know like Facebook or something eh a lot of profiles and stuff you can use C sharp and also for enterprises and it's supported for closed platform as well this Ruby Ruby as you might have noticed it's been used the last year for a lot of websites out there and web application it's used on the Ruby on Rails framework and it's specially for enterprises and its offer you a full MVC fully integrated MVC so it tries to go with will be if you are want to expand your team or your company and start an enterprise or something like this and this one thing to mention one thing to notice before starting that is to choose only one language from here because choosing two words at one time will be dead-ass so will kill you don't you do that to start with as I've said if your new PHP will be your choice if not go on with Python and ojs and also c-sharp and Ruby are very good why not go so you can select any one of these it is practical soils of there shows you which one best then the other on what specific things so yeah moving on it's your the back end and the back end framework we've covered the front end now the back end flavor gonna be use it also tastes also a lot of frameworks on the server side so helps you achieve a better results during using one of the languages we've talked about in a bit so this level Symphony two and CodeIgniter so four blocks and basic web apps and this is for with PHP subsets very practical and it would go for level because it's very easy and the setup is very very simple there's a lot of toys out there and also have a core series during that so if you want to get start with there well I won't get over a lot of all Stephanie and Kelly can I hear a little voice built on top of Symphony 2 and also so which means their voice is a bit higher level than Symphony - if you want a low level go with Symphony - if not go with vertical encode ignite also is making a really big deal of them now for the jungle or for the Python there is Django and three recommended rather than using flats because jungle is much more level similar because if you have used level which angles will be very very easy for you to use rather than use a class class will be bit harder because flask is not having that structure it you can or your website structure would be free for you you your customized by you but otherwise on the other hand jungle will not let you do that will give you the structure after photo so which means gonna be very easy as well and you're gonna find a lot of tutorials concerned about Jenga also you can go with class I'm not saying that but I'm saying jungle is bit better than flask in there and Python or for this framework you just a lot large sets of modules because lot of modules are available for this one and very supports community out there just ask any question on any elf like the forums and you know get you're gonna get the answer as far as possible this is Python of course not for evil befall or bigger those hard ego if you're not familiar with the frameworks at all those are the Gil frameworks and like quickly quickly spreading as I've seen a lot of people talking about there's like in the last year's or actual in the middle of 2017 so rebel as the best one out of this three ones this is the girl language easier and faster development for faster websites as I've said at the are Python similar if you want to go with the girl language also Ruby on Rails in rack obviously gonna go with will be a real because larger community and this actually gonna be used for medium scale apps if you want to use that I will go for Ruby on Rails you can also check for a quite an astronaut is also a good framework although but still Ruby on Rails is better than rack in many many other aspects this used with Ruby so with is p.net of course she sharpen enterprises and big projects as I've said earlier the sea shark tank and also this Express happy or total which is an odious models or frameworks so for advanced systems and if you are back-end or you are frontal actually developing you're very familiar with genius so we want to move on to the back end and stuff like this you can use the no genius and also no genius the task as much as the Python thing has a lot of modules a lot of support community out there so yeah anyone can give you help according to an empty house or point anything so that's why you can go or choose one of these languages on 2018 so it's used by node.js now for the databases on 2018 so whether you're asking about database just like the set of database is gonna be using 2018 if you're familiar what my sequel which starts with DB which is database and this is like a new one if you have never heard about this this is gonna be like a dead end so I'm 2080 a lot of people I'm gonna get it started to use MongoDB and because it's no sequel which means unknown rational and that it's God gives you a Jason like structure which means a valley a key value pairs if you are you familiar with PHP erased like associative arrays key value pairs or jason key value pairs so this like the database main structure how to use it's gonna be very easy and it's even easier than using the my sequel the MongoDB will be the first choice in us I will go from on-call DB if you are not if you are a beginner of also I will also actually deal with the MongoDB if not you can go to my sequel it's also post agree sequel it's practical but it's a bit harder than the MongoDB and obviously a bit harder than my sequel and also final it is my sequel not final actually this is my sequel it's a very popular there's a lot communities supporting this my sequel and this from the small to medium two datasets for like the MongoDB can hold a lot of data set also my sequel but as far as can tell my sequel isn't that practical as MongoDB is so I would go for MongoDB obviously for enterprises and big scale projects I'd go for Oracle databases use PI's and enterprises and big data if you aren't familiar with the keyword or big data which stores I don't know enterprises they're a big big amount large of the anniversary you can go for Oracle for enterprises in there now for the side skills and web dev essentials so at least one of these on 2018 you should learn so there's a lot of things in here but you should learn at least one of this but you can learn all of them I really advise you to go have a look just take a closer look on all of them not just you know I'm not talking about mastering all of them now just just just take a closer look on those this gets if you're not familiar gets get is a version control it just take on the basic commands the clown to push the pull the initializing a full repository of their because it's gonna help you a lot when we deploy your application when you deal with things and get happen everything is just about the version control and when you create your project you need a version control to store it or back it up and all this kind of stuff so gets is just very necessary on 2018 even or 2017 so get all basics how to deal with github to clone things how to push things and get up because we're gonna work if your web developer you're gonna work on fixing bounce not for other people open sources projects and yeah it's gonna be very very hard to you without knowing the basically how about really the class would you get with that uh basics and just learn the basics of that version control and it's gonna help you a lot with source code because you cannot use a lot of source code on your career there is also CLI or the command-line interfaces somehow you can create command-line interfaces like really some tools for your web projects were web app for like the CLI also interacting with them and how to use in them how to download and how to install them and cross platforms like Linux Mac OS X or Windows how to deal with different things in here because each platform has its own terminal or interpreter so like Linux and Mac OS X is very similar just a small differences between two of these but Windows it's a bit different using the powershell and all these kind of things so CLI is just that nice thing to go with and also for learning the testing and debugging especially if you are back-end developer testing the debugging and gonna help you a lot during your career because this is not a sting and testing and debugging will help you make a better application in a meaningful time and will help your team if you're working on team I hope your team or make your application look way much better and less vulnerable in to exploits or huckle exploit all this kind of stuff testing and debugging will play a major major role there which gives you a better app sizes and and major websites now so we want to be a full stack developer anyone of you want to be web or full stock web developer has just need to take some kind of advices for me in here like the focus on one language or framework and try to master this so not jumping from one framework on to another with my brain back then you to another framework and yeah yeah yeah a lot of language is this gonna mess you up and it's just gonna kill your ass there as action don't try this at all just stick with one language try to master the language understand every single thing about this language about this framework and just try to make something good with this just try to make like an application with this just try to deploy this application or whatever just try the best you can with with that without jumping from one to another because this as I've said gonna kill you and it's gonna ruin your life you're not gonna be successful gonna ruin your whole career in that there's also the freelancer is good choice for you so if you want a full stack web developer freelancer can I keep you up so you can get some money why you are like learning while you're reading process you can do some freelancer projects for other people's and try to just do game or not gain an experience from that and it would be a good choice for you rather than just staying at home all day and not doing anything you can do a project for that and gain so much experience start with basics things first then move on into complicated one as I've said start very basic try to make rate based complications like to-do lists and xox are games why not using Java scripts and one's kind of stuff just very very basics and fetch Deana or see if you know the database first then move on into complicated application create your own application then try to deploy it that will help people not during your career a subset now try to start a small business after knowing the basics to get more experience so if you know the beste basics for quite a lot for a year right now and try to make a lot of things do a lot of small projects it's time to level up and make a better choice and just creates a small business why not create small websites small blog on a small youtube channel alongside a dedicated website and try to make the best out of fetch by cleaning blogs learning things every day make or try to learn something in you gonna help you all know could we why not making this business your career because you've learned a lot and web development or full stack web developer can do anything on the web so you can also start with the free works for experience and for knowing how things works just try to make three things for the first time I said because you're newbie or because you are beginner try just to make very very basic things at first then you for free a subset for my panel for your cousin's for your friends for for anything for teammates to make them like very small application whatever they need for free to gain some experience and to make like other people who knows you knows your project knows you how to work how things actually works on your slide so yeah this is gonna help you a lot for making free works for the first or when you get started and take a look on other people's achievements and stay motivated so if you're not if you're not familiar with motivation when you start like learning on web development or any other field because you're gonna start for a month two three but you're gonna lose motivation over time which means it's gonna kill you and it's gonna like let's heal quit your your learning process and just go ahead and look for other job also for financial purposes gonna stop try to look on github for projects for motivation to modify yourself to see other people project what they have done other people websites other people who are businesses and see what they have actually done and what they have achieved and try to like be motivated with that and try to achieve what they have achieved actually so I'm gonna make you way feel a bit way much better than the stay at home and learning all day just stay motivated out there also look on this web platforms like up work freelancer or subtotal for projects so if you wanna intend it to be a freelancer of their these three platforms is just a big deal for you there's a lot of people out there are like requesting projects and for full stack developer you can take just a small project start doing with it out there now for the basic websites and blog if you really want to just talk basic you can go ahead and make the really basic websites our blog there's a lot of tutorials out there showing you how to do that so we start start with selecting the content management system for creating the post you of your bond the categories of I'm a full-season my tutorial on my channel for the little bald CMS or control management system how to make that use a little bone beach be very basic one actually so go ahead and check it out if you want you start with consummate your system like WordPress and Drupal WordPress is probably the most popular nowadays and you can just talk with it right out of the box this also register it to me and you need to register a domain or let's say I please calm my website or you can mine my to me calm this is why me by you mean calm or il or nuts but calm and thought I oh especially oh is just quickly speeding or 2018 so name shape and doom house will be a cool providers for the main register get a web hosting also name ship can be held like web hosting or Hostgator or GoDaddy this like with a basic thing for wordpress and wordpress platforms or for basic blocks you can use Hostgator or GoDaddy and you should get a web hosting what I wasn't gonna allow you to like upload your files for host your actual application or web application files or web application project so this where all if you're all of your files gonna live and also this basic cPanel usage so learn about the cPanel you probably when you buy a hosting you're gonna find cPanel installers there so you need to know how to deal with this how to create things how to create emails how to create FTP accounts and DNS and name servers are also very very important to learn about just check them out and they're gonna be really easy to learn as response so if you want to make a basic thing those are the things there's also FTP and SSH uploading files so this are techniques SSH is way much more secure and way much much faster than ftp but FTP is just for beginners with FTP then move on into SSH for uploading your files into the server for application deployments and there's also the maintenance and the updates so we need to be patient about application just upgraded or updated frequently and maintenance like remove the box remove the issues on your web applications just stay motivated with it so it is gonna help you a lot during your career as well as I've said maintain your website now mobile devices mobile devices as well are very big the other big deal on 2018 he creates a mobile prototype using web technologies this Sharman so charming is a Microsoft Technology it's cross-platform is not for me it's not only for mobile devices you can use it for any platform of their but specifically for mobile devices you can use it by learning c-sharp alongside making a web do a web app so you can just use C charge get advanced apps more platforms and also there is react native if you learnt about reacts out there also react native be very very nice for you to understand there is also the framework server also a good for mobile devices for making or creating a mobile app using web technologies and also need to blocks and cross-platform this also the bank gap framework is just very popular and easy to get started with so choose one of these I prefer to choose react native since you're going to learn new react for the web development and react is probably react native is probably the same as react so you're gonna get two things only by learning one thing for the web and through my mobile devices what's new 2018 this thousands of libraries modules and frameworks available 2018 by 2018 is millions of billions of modules and frameworks and libraries out there available for you to get started with and this very document ated ones so just start right off the box in 2018 more creative and represents your idea more efficiently this is also sorry let's also optimize services for faster Julio time and very experienced and CBN's for more user experience for better you better user experience actually I'm sorry and there's a lot of tutorials and curses out there so if you just want to learn something just go ahead and search youtube search google you're gonna find thousands of tutorials of their explains how to get started with the basics things how to create like different blogs and to those applications and all this kind of stuff right out of the box just just stay a town and learn anything out this is gonna help you a lot actually let's upset a lot of stories prepared sending in new technologies so for the widely use it and especially on 2018 the single page website so the websites you visit you they might look like has a lot of pages but they are actually one page divided into sections which means this is gonna help you a high performer give you high performance and for a scalable project cell which means you can move it some to cross-platform as well it gives you a faster layout a time rather than do get a lot of assets a lot of pages just layout or download into the client device one page at once and just divided into three section is where it's gonna look like a lot of pages out there so this is a very very nice idea a single page website I really advise you to go ahead and look at this more better there's also a progressive web apps which means web apps for mobile devices for like an awful has an offline support which means create a web application but it gonna look like an well well I could look at mobile application of sorry on your mobile device and when you open up over this website you're gonna absolutely look like a mobile application and native mobile applications also has an offline support so you can download it and happen in your mobile device without problems so this like progressive web apps and this flash to HTML so you might be thinking why I'm bringing here on 2018 flash is already dead I know but there's still much there's still a lot of websites out there I don't know some downgraded websites not updated websites simply using flash but I was like fine I can tell flash is completely dead you should not use flashes at all this is a warning flash cannot be used HTML files is very powerful tell us very much features more features actually then flash so yeah flash is dead don't get close to flash at all so it's also client online client shop bots which means when you get into a platform it's gonna be very helpful for you rather than talking with the real humans you can talk with a shot bot gonna help your lands gonna give you a support and things like this and it's very practical as well and also saw websites push notifications so you just activate this one and you're gonna get notification or my websites whenever it releases a new post and you I don't know a lot of new things new images new or something well I'm gonna get modification on your desktop of the keep on your desktop device on your mobile device from a web application so this feature is just widely used right now it's quickly spreading as well so make sure to check this out if you are intended to make any scalable projects author or web application as I've said user friendly and more audience to gain while just creating posting they're so not losing your audience the smaller web apps which means a I in machine learnings are taking the wheel onto an 18-4 faster easier and smoother user experiment also AI or artificial intelligence is playing a major role in 2018 so it gives you or it makes less human resources and over much more optimization so if you want to in 18 they should check out a on or even just take closer walk or an overview about air because it's a really really big deal on treaty [Music] [Music] machine learning also is making a major part of 2018 for designing tools for design tools and like web security and all this kind of stuff so you need to take a look omission and learning under 18 for better understanding on what field you are in actually and for when we talk about web security we mean like a vulnerable apps and you release application out there and hackers are hunting your applications sending me to get concerned about web security or your application security more than the upgrade and updating your application and fixing box so this like the artificial and a machine learning and Fortran including for making smarter better web applications this also 218th recommending in my opinion what language is what framework what thing image to choose and we need to get into 2018 there's Python with jungle and nodejs so face you can choose one of these as far as can tell but you can choose any one else from the other frameworks we have talks about the role on what Python with Django framework or nodejs is just playing a major role in 2018 we should check one one of those for the server-side languages also reacts or VJ s react for advanced things and future years for basic and getting started and easy to use choose one of these for it on the user interface simple user experience to make your cooperation on your websites looks way much better than the others unique website Amy so as I've said for user interfaces there's also bootstrap or foundation of a girlfriend bootstrap for experienced user because a lot of people talking about this there or even trying a new thing which is the foundation why not you can go for one of these for the assets and the foster developments and just getting everything ready from the CSS styles and classes these and all this kind of stuff just made and ready for you you can use it using bootstrap or foundation it's also a web pack and CSS big compilers also you need to use back for dependency management's or bundling your assets and also for compiling the pre compiles of the or compiler the things from the sass and the CSS for the CSS you can use use webpack so make sure to do that for the Benzie management is upset on 2018 what is next so those like practical my advices what to do on 2018 so you need to learn new languages framework libraries when your spare time helps you level up your skills so that gonna help people but for getting to the next level and especially on your spare time have nothing to do don't go just playing games all the time or something like this because a lot of people doing it minor lately just go ahead and bring the framework and react to something try to watch toriel's of their and it's gonna help you a lot to upset there's also never stuck on one leg which always keep exploring benefits which means when you start with language it's a Python you move with this for a year or some and you explore all the modules available in there and it just master the thing just to stuck with by they just need to move on to know GS to explore more benefits more things in there so yeah don't stalk always with one language as I've said but not just jumping and jumping but after learning the like everything or mastering the land which almost master me the language as I've said it's also then the best technology that suits your needs or your budget let's say you wanna do crazy web application web web blog don't if you have the celeste budget don't go ahead and just make the block with no GS or something go and make it free practical very easy with PHP and learn all things like this and just push it to the or deployment into a server where you can just buy a shared hosting which means a very very low cost hosting and I gotta help you a lot of us and not just buying a big VPS servers or virtual private network servers which gonna cost you a lot of without getting the foundation from this and all this kind of stuff so just taught very basic and depending on your budget here let's focus on your career and your company technology if you're working on a convenient or a team focusing technology your team uses causes matters for you and matters for your team and for like Lebanon up into the next or going into the next level so that was a guys thanks for watching I will see you in 2019
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from CoderOne · CoderOne · 13 of 60

1 Laravel CMS | N-01 | Getting Started and Environment Set Up
Laravel CMS | N-01 | Getting Started and Environment Set Up
CoderOne
2 Laravel CMS | N-02 | Routes, Controllers and Views
Laravel CMS | N-02 | Routes, Controllers and Views
CoderOne
3 Laravel CMS | N-03 | Dealing With Assets and Page Layouts
Laravel CMS | N-03 | Dealing With Assets and Page Layouts
CoderOne
4 Laravel CMS | N-04 | Migration, Models and Adding Categories
Laravel CMS | N-04 | Migration, Models and Adding Categories
CoderOne
5 Laravel CMS | N-05 | Showing Added Categories, and Session Messages
Laravel CMS | N-05 | Showing Added Categories, and Session Messages
CoderOne
6 Laravel CMS | N-06 | Edit\Remove Categories using AJAX and Popups
Laravel CMS | N-06 | Edit\Remove Categories using AJAX and Popups
CoderOne
7 Laravel CMS | N-07 | Add New Post
Laravel CMS | N-07 | Add New Post
CoderOne
8 Laravel CMS | N-08 | Creating a Basic Laravel Blog
Laravel CMS | N-08 | Creating a Basic Laravel Blog
CoderOne
9 HTML5 Canvas For Beginners | Getting Started | #01 with Webpack
HTML5 Canvas For Beginners | Getting Started | #01 with Webpack
CoderOne
10 HTML5 Canvas For Beginners | Drawing Basic Shapes | 02
HTML5 Canvas For Beginners | Drawing Basic Shapes | 02
CoderOne
11 HTML5 Canvas | Drawing Text With Circles | Part 01
HTML5 Canvas | Drawing Text With Circles | Part 01
CoderOne
12 HTML5 Canvas | Text Animation and Circle Collision | Part 02
HTML5 Canvas | Text Animation and Circle Collision | Part 02
CoderOne
Complete Guide To Web Development In 2018
Complete Guide To Web Development In 2018
CoderOne
14 AJAX & JSON Explained | Examples
AJAX & JSON Explained | Examples
CoderOne
15 Visual Studio Code Web Development Setup and Extensions
Visual Studio Code Web Development Setup and Extensions
CoderOne
16 Electron Build Desktop Apps HTML/CSS/JS - Getting Started 01
Electron Build Desktop Apps HTML/CSS/JS - Getting Started 01
CoderOne
17 Electron Build Desktop Apps HTML/CSS/JS | Creating Windows and Processes 02
Electron Build Desktop Apps HTML/CSS/JS | Creating Windows and Processes 02
CoderOne
18 Electron Build Desktop Apps HTML\CSS\JS | Dialog, Sessions and Cookies 03
Electron Build Desktop Apps HTML\CSS\JS | Dialog, Sessions and Cookies 03
CoderOne
19 Electron Build Desktop Apps HTML\CSS\JS | Custom App Menu & Context Menu 04
Electron Build Desktop Apps HTML\CSS\JS | Custom App Menu & Context Menu 04
CoderOne
20 Electron Build Desktop Apps HTML\CSS\JS | Package, Build and Deploy your App 05
Electron Build Desktop Apps HTML\CSS\JS | Package, Build and Deploy your App 05
CoderOne
21 Node.js Brief Beginners Introduction #01
Node.js Brief Beginners Introduction #01
CoderOne
22 Node.js How Modules Works & NPM #02
Node.js How Modules Works & NPM #02
CoderOne
23 Node.js Working With Events and Event Emitter #03
Node.js Working With Events and Event Emitter #03
CoderOne
24 Node.js File System (Read and Write) FS 04
Node.js File System (Read and Write) FS 04
CoderOne
25 Node.js Create a Basic Server Using Express 05
Node.js Create a Basic Server Using Express 05
CoderOne
26 Json Web Token Authentication JWT Explained Securing API
Json Web Token Authentication JWT Explained Securing API
CoderOne
27 CSS Flex Box Design | Practical Examples |
CSS Flex Box Design | Practical Examples |
CoderOne
28 API How It Works With Practical Examples
API How It Works With Practical Examples
CoderOne
29 MongoDB Getting Started 01
MongoDB Getting Started 01
CoderOne
30 MongoDB Working with APIs and Practical Examples
MongoDB Working with APIs and Practical Examples
CoderOne
31 Create a Command Line Interface (CLI) Using Node JS #01
Create a Command Line Interface (CLI) Using Node JS #01
CoderOne
32 Create a Command Line Interface (CLI) Using Node JS 02
Create a Command Line Interface (CLI) Using Node JS 02
CoderOne
33 Build React Apps | Introduction And Getting Started #01
Build React Apps | Introduction And Getting Started #01
CoderOne
34 Build React Apps | Working With Components And Multiple Rendering #02
Build React Apps | Working With Components And Multiple Rendering #02
CoderOne
35 Build React Apps | App State Management | Practical Examples #03
Build React Apps | App State Management | Practical Examples #03
CoderOne
36 Build React Apps | Getting Started With Flux (Intro) #04
Build React Apps | Getting Started With Flux (Intro) #04
CoderOne
37 Build React Apps | Create a Clock Timer Using React 05
Build React Apps | Create a Clock Timer Using React 05
CoderOne
38 Build React Apps | Create a Clock Timer Using React 05 | PART2|
Build React Apps | Create a Clock Timer Using React 05 | PART2|
CoderOne
39 CSS Preprocessors Getting Started | SASS and LESS | Practical Examples
CSS Preprocessors Getting Started | SASS and LESS | Practical Examples
CoderOne
40 Regex Introduction | Learn Regular Expressions 01
Regex Introduction | Learn Regular Expressions 01
CoderOne
41 PHP VS Node.js Which is Best For Web Development
PHP VS Node.js Which is Best For Web Development
CoderOne
42 Drag and Drop Using Native Javascript 01
Drag and Drop Using Native Javascript 01
CoderOne
43 Drag And Drop Using Native Javascript 02
Drag And Drop Using Native Javascript 02
CoderOne
44 Master Git (Version Control) in One Video From Scratch
Master Git (Version Control) in One Video From Scratch
CoderOne
45 Let's Learn The New Javascript ES6 Class Syntax
Let's Learn The New Javascript ES6 Class Syntax
CoderOne
46 Let's Create A BlockChain On Node.js
Let's Create A BlockChain On Node.js
CoderOne
47 Best Online Code Editors For Web Developers
Best Online Code Editors For Web Developers
CoderOne
48 Let's Create a Modern Login Form on React #01
Let's Create a Modern Login Form on React #01
CoderOne
49 Let's Create a Modern Login Form on React #02
Let's Create a Modern Login Form on React #02
CoderOne
50 Laravel CMS | N-09 | Admin Registration
Laravel CMS | N-09 | Admin Registration
CoderOne
51 Laravel CMS | N-10 | Login and Authentication
Laravel CMS | N-10 | Login and Authentication
CoderOne
52 Let's Create a Twitter Bot (Listen and Retweet)
Let's Create a Twitter Bot (Listen and Retweet)
CoderOne
53 Rapid Webpage Creation With Emmet (HTML & CSS)
Rapid Webpage Creation With Emmet (HTML & CSS)
CoderOne
54 Create Popups and Modals Using Native Javascript, HTML and CSS
Create Popups and Modals Using Native Javascript, HTML and CSS
CoderOne
55 Promises and Callbacks on Javascript With Practical Examples
Promises and Callbacks on Javascript With Practical Examples
CoderOne
56 Create Collapses using Native Javascript, HTML and CSS
Create Collapses using Native Javascript, HTML and CSS
CoderOne
57 Let's Learn Typescript (Javascript Devs) | Getting Started 01
Let's Learn Typescript (Javascript Devs) | Getting Started 01
CoderOne
58 Let's Learn Typescript | Interfaces and Generic Types (The Typing System) 02
Let's Learn Typescript | Interfaces and Generic Types (The Typing System) 02
CoderOne
59 Let's Learn Typescript | Work With Classes, Modules and Enums 03
Let's Learn Typescript | Work With Classes, Modules and Enums 03
CoderOne
60 Let's Learn Typescript | React and Webpack With TS 04
Let's Learn Typescript | React and Webpack With TS 04
CoderOne

This video provides a comprehensive guide to web development in 2018, covering various tools, frameworks, and techniques for front-end and back-end development. It also discusses the importance of learning new languages, frameworks, and libraries, and staying up-to-date with industry trends and best practices. By following this guide, viewers can gain a solid understanding of web development and start building their own web applications.

Key Takeaways
  1. Learn the basics of web development
  2. Choose a front-end framework (e.g. React, AngularJS)
  3. Choose a back-end framework (e.g. Node.js, Ruby on Rails)
  4. Learn about databases (e.g. MongoDB, MySQL)
  5. Learn about version control (e.g. Git)
  6. Create a web application using the chosen frameworks and tools
  7. Deploy the web application to a server
  8. Test and debug the web application
  9. Stay up-to-date with industry trends and best practices
💡 The key to successful web development is to stay up-to-date with industry trends and best practices, and to continuously learn new languages, frameworks, and libraries. By doing so, developers can create modern, efficient, and scalable web applications that meet the needs of users.

Related AI Lessons

Up next
I Asked ChatGPT to Apply to 500 Jobs (8 Interviews in 48 Hours)
Sabrina Ramonov 🍄
Watch →